Brand promotion app
We took part in screen development for the promotion app of a cereal brand that helps with weight management. The app carried meal planning and goal tracking, making it a brand marketing channel that combined product promotion with a lifestyle service. In a marketing app, customers leave wherever product information and participation content break apart, so the weight was on making the two connect naturally. The work covered content screens, user input, and screen transitions.
A weight-management campaign app with meal planning and goal tracking
This app was released by a cereal brand aimed at consumers who want to manage their weight, to draw them into its campaign. It carried meal planning and goal tracking, offering product promotion and a lifestyle service together. The campaign app the same brand released abroad was likewise built around a fixed-period meal plan, daily and weekly menus, progress tracking and a shopping list. Our part in this app was implementing screens that follow the campaign flow.

Screens that move from product information to participation content without a break
A campaign app has to show product information and then take customers into participation content. We developed the screens so the two do not look like separate menus but follow on from each other naturally. Because it is a marketing app, the brand image and the flow of use were considered together.

Input and screen transitions that follow the campaign's order
In a participation campaign app, the screens where customers enter things themselves sit at the center of the campaign. We implemented content screens, user input, and screen transitions in the order the campaign set. Input screens were placed in the same flow as the content screens so that customers stay on the campaign's path.

The starting point for all the mobile app work that followed
This app was the first mobile app project, started with the employer's support at a time when web screen development was the main job. App structure, the screen lifecycle, and how screens are composed were learned on a real project. The work that followed has centered on mobile apps.

Highlights
Screen development for a campaign app with meal planning and goal tracking
Screens that lead from product information into participation content
User input and screen transitions matched to the campaign flow
Insights
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…



