브랜드 프로모션 앱
체중 관리를 돕는 시리얼 브랜드의 프로모션 앱에서 화면 개발에 참여했습니다. 이 앱은 식단 계획과 목표 추적을 담아, 제품 홍보와 생활 관리 서비스를 하나로 묶은 브랜드 마케팅 창구였습니다. 마케팅 앱은 제품 정보와 참여 콘텐츠 사이가 끊기면 고객이 거기서 떠나므로, 두 화면이 자연스럽게 이어지는 데 무게를 뒀습니다. 작업은 콘텐츠 화면, 사용자 입력, 화면 전환 구현입니다.
식단 계획과 목표 추적을 담은 체중 관리 캠페인 앱
체중 관리를 원하는 소비자를 겨냥한 시리얼 브랜드가 캠페인 참여를 이끌기 위해 낸 앱입니다. 앱은 식단 계획과 목표 추적 기능을 담아, 제품 프로모션과 생활 관리 서비스를 함께 제공했습니다. 같은 브랜드가 해외에서 낸 캠페인 앱도 기간을 정한 식단 계획, 하루 · 주간 식단 확인, 진행 기록, 장보기 목록을 중심에 두었습니다. 이 앱에서 맡은 일은 캠페인 흐름에 맞춘 화면 구현이었습니다.

제품 정보에서 참여 콘텐츠로 끊기지 않고 넘어가는 구성
캠페인 앱은 제품 정보를 보여 준 뒤 고객을 참여형 콘텐츠로 데려가야 합니다. 두 화면이 따로 떨어진 메뉴처럼 보이지 않고 자연스럽게 이어지도록 화면을 개발했습니다. 마케팅 앱이라 브랜드 이미지와 사용 흐름을 함께 고려했습니다.

캠페인 순서를 따른 입력과 화면 전환
참여형 캠페인 앱에서는 고객이 직접 입력하는 화면이 캠페인의 중심에 놓입니다. 콘텐츠 화면, 사용자 입력, 화면 전환을 캠페인이 정한 순서에 맞춰 구현했습니다. 입력 화면도 콘텐츠 화면과 같은 흐름 안에 두어, 고객이 캠페인 순서에서 벗어나지 않게 했습니다.

이후 모바일 앱 작업 전체로 이어진 출발점
이 앱은 웹 화면 개발이 주 업무이던 시기에 회사의 지원을 받아 시작한 첫 모바일 앱 프로젝트였습니다. 앱의 구조, 화면의 생명 주기, 화면 구성 방식을 실전 프로젝트에서 익혔습니다. 이후의 작업은 모바일 앱을 중심으로 이어졌습니다.

이 작업의 포인트
식단 계획 · 목표 추적을 담은 캠페인 앱의 화면 개발
제품 정보에서 참여 콘텐츠로 이어지는 화면 구성
캠페인 흐름에 맞춘 사용자 입력과 화면 전환
인사이트
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…



