品牌推广应用
我们开发了一个高端护肤品牌为宣传活动推出的推广应用。工作是让品牌内容在应用中自然呈现,并让界面按活动流程依次衔接。高端化妆品品牌的应用,哪怕一个界面显得别扭,品牌形象也会随之受损,因此我们同时打磨了视觉完成度与使用流程。工作内容包括内容展示、界面切换和用户操作流程的实现。
在应用内连贯呈现品牌内容的界面构成
高端护肤品牌推广应用的首要任务,是在应用内展示品牌想要传达的内容。我们构成界面时,让内容不像一个个分离的页面,而是在应用的界面流程中自然衔接。展示哪些内容、按什么顺序展示,以活动确定的流程为基准。

完全依照活动顺序的界面切换
推广应用的界面顺序遵循活动向顾客传达信息的顺序。我们按照这个顺序实现了界面之间的切换,以及顾客点击、滑动的操作流程。通往下一个界面的路径清楚,顾客才不会中途停下,而是把信息看完。

每一个界面都维护高端品牌形象的呈现
在高端化妆品品牌的应用里,界面的完成度直接就是品牌给人的印象。为了不损害品牌形象,我们逐一调整了界面构成与内容呈现。同时兼顾美观的界面与顺手的流程,让两者互不冲突。

让顾客自然接触品牌信息的操作流程
推广应用的目的是让顾客接触品牌信息,而这些信息就放在操作流程之上。我们这样构成使用流程:顾客不用思考该点哪里,只要顺着界面往下走,就会接触到信息。这款应用是同时做网页图表开发与应用开发那段时期的最后一个项目,也成为此后专注移动应用工作的契机。

项目亮点
在应用内连贯呈现品牌内容的界面构成
配合活动流程的界面切换与操作
维护高端品牌形象的界面呈现
洞察
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…



