ブランドプロモーションアプリ
体重管理を助けるシリアルブランドのプロモーションアプリで、画面開発に参加しました。このアプリは食事計画と目標の記録を備え、製品のプロモーションと生活管理サービスを一つにまとめたブランドのマーケティング窓口でした。マーケティングアプリでは製品情報と参加型コンテンツの間が途切れるとお客様はそこで離れてしまうため、二つの画面が自然につながることに重きを置きました。作業はコンテンツ画面、ユーザー入力、画面遷移の実装です。
食事計画と目標の記録を備えた体重管理キャンペーンアプリ
体重管理をしたい消費者を対象にしたシリアルブランドが、キャンペーンへの参加を促すために出したアプリです。アプリは食事計画と目標の記録機能を備え、製品のプロモーションと生活管理サービスを一緒に提供しました。同じブランドが海外で出したキャンペーンアプリも、期間を決めた食事計画、日ごと・週ごとの献立の確認、進み具合の記録、買い物リストを中心にしていました。このアプリで受け持ったのは、キャンペーンの流れに沿った画面の実装でした。

製品情報から参加型コンテンツへ途切れずに移る構成
キャンペーンアプリは製品情報を見せた後、お客様を参加型コンテンツへ連れて行かなければなりません。二つの画面が別々のメニューのように見えず、自然につながるよう画面を開発しました。マーケティングアプリなので、ブランドイメージと使う流れを一緒に考えました。

キャンペーンの順序に沿った入力と画面遷移
参加型キャンペーンアプリでは、お客様が自分で入力する画面がキャンペーンの中心に置かれます。コンテンツ画面、ユーザー入力、画面遷移を、キャンペーンが決めた順序に合わせて実装しました。入力画面もコンテンツ画面と同じ流れの中に置き、お客様がキャンペーンの順序から外れないようにしました。

その後のモバイルアプリの仕事すべてにつながった出発点
このアプリは、Web画面の開発が主な業務だった時期に、会社の支援を受けて始めた最初のモバイルアプリプロジェクトでした。アプリの構造、画面のライフサイクル、画面構成の作法を実際のプロジェクトで身につけました。その後の仕事はモバイルアプリを中心に続いています。

この仕事のポイント
食事計画・目標の記録を備えたキャンペーンアプリの画面開発
製品情報から参加型コンテンツへつながる画面構成
キャンペーンの流れに合わせたユーザー入力と画面遷移
インサイト
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…



