Brand promotion app
We developed a promotion app that a premium skincare brand released for its campaign. The job was to show the brand's content naturally inside the app and to let screens follow on from one another in the campaign's order. In an app for a luxury cosmetics brand, a single awkward screen dents the brand's image, so visual finish and the flow of use were tuned together. The work covered content display, screen transitions, and the user interaction flow.
Screens that let brand content be followed inside the app
The first job of the premium skincare brand's promotion app was to show, inside the app, the content the brand wanted to convey. We laid out the screens so that the content does not look like detached pages but continues naturally within the app's flow. Which content appears, and in what order, was set by the flow the campaign defined.

Screen transitions that follow the campaign's order
The order of screens in a promotion app follows the order in which the campaign delivers its message to customers. We implemented the transitions between screens, and the taps and swipes customers make, to match that order. When the way to the next screen is clear, customers do not stop halfway and see the message through to the end.

Presentation that keeps a luxury brand's image on every single screen
In an app for a luxury cosmetics brand, the finish of each screen becomes the brand's impression. We tuned screen composition and content presentation one by one so as not to harm the brand image. Good looks and an easy flow were weighed together so that one would not work against the other.

An interaction flow that brings customers to the brand message naturally
A promotion app exists to put the brand message in front of customers, and that message sits on top of the interaction flow. We built the flow so that customers reach the message simply by following the screens, without wondering what to tap. This app was the last project of a period spent on both web charts and apps, and it led to a focus on mobile app work afterward.

Highlights
Screens that let brand content be followed inside the app
Screen transitions and interactions matched to the campaign flow
Screen presentation that protects a luxury brand's image
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…



