01
Context
想定した店舗・課題
来店前後にメニューを確認したい飲食店の来客を想定。スマホでの閲覧を最優先にしています。
02
Purpose
サイトの目的
カテゴリ分けされたメニューを、探しやすく美しい状態で確認できるデジタルメニューをつくること。
03
Challenge
想定した課題
メニュー項目が多くなりがちなため、探しやすさと見た目の美しさのバランスが課題でした。
04
Concept
コンセプト
カテゴリ単位でスキャンしやすいリスト設計。価格と名称の階層を明確にし、誤読を防いでいます。
05
Intent
設計意図
スマホファーストで、片手スクロールでもカテゴリを見失わない見出し設計にしています。
06
Focus
こだわったポイント
- スマホファーストのリストUI
- カテゴリ見出しの視認性
- 読みやすいタイポグラフィ
- 価格と名称の階層をはっきり分ける
Screenshots
PC / スマホでの見え方
07
Tech
使用技術
- HTML
- CSS
- JavaScript