キャラクターテーマのナビゲーション(研究開発)
一般的なナビゲーション画面全体を一つのキャラクターのコンセプトで描き直したナビゲーションを研究開発しました。商用リリースよりも画面表現技術の可能性を確かめるための社内プロジェクトで、製品化にはつながりませんでした。ナビゲーションは運転中に見る画面なので、キャラクターをまとわせても経路案内の情報はそのまま読めなければなりません。地図・案内・ボタン・状態表示をテーマに合わせて作り直し、標準部品では実現できない要素は自ら実装しました。
同じ経路案内をキャラクターのコンセプトで描き直した画面
キャラクターテーマのナビゲーションは、機能は一般的なナビゲーションと同じで、画面全体が一つのキャラクターのコンセプトに変わるアプリです。地図、経路案内、ボタン、状態表示といった画面要素を、テーマに合わせて一つずつ解釈し直して作りました。商用リリースが目的ではなく、画面表現技術を検証するための社内研究開発プロジェクトでした。

標準部品ではできない表現を自ら作った独自部品
キャラクターテーマは、アプリ開発ツールが標準で用意する画面部品だけでは表現が難しいものでした。テーマに合うボタン、案内表示、状態表示といった要素を自ら実装し、画面ごとに操作方法と見た目の要素を試しました。その過程で、画面部品をどう分けてどう設計するかの経験を幅広く積みました。

動きと画面構成を変えながら試した表現方法
キャラクターテーマのナビゲーションは、商用リリースよりも技術の検証と可能性の探索に近いプロジェクトでした。同じ案内情報をもとに、さまざまな表現方法やアニメーション、画面構成を変えながら実験しました。一つの正解を選ぶより、どこまでできるかを確かめることが目的でした。

楽しさを加えても経路案内が先に読めるバランス
ナビゲーションアプリの基本原則は、運転中でも使いやすくなければならないということです。キャラクターテーマをまとわせながらこの原則を守るため、情報の読みやすさと見た目の楽しさのバランスを取ることに集中しました。この研究開発は同じ会社と進めた三つ目のナビゲーション案件で、続くメジャーアップデート開発の直前まで画面技術を深めた時期でした。

この仕事のポイント
地図・案内・ボタン・状態表示をキャラクターテーマで描き直した画面
標準部品では表現しにくい要素を自ら作った独自部品
経路案内の読みやすさと見た目の楽しさのバランスの実験
インサイト
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…



