Ayumi Yamagishi Portfolio

WORKS 制作物

架空カフェのWebサイト

架空カフェのWebサイト
Website

URL
https://cafe-chouchou.com
ターゲット層
美味しいご飯を食べながら、ゆっくりくつろげるカフェを探している20~30代の女性
目的
お店を知ってもらい、まだ来店したことがない方へ向けてのメニューやアクセス等の情報提供
情報設計
色々なメニューがあることを見ていただきたいため、ナビケーションをヘッダーだけでなくフッターにも配置しました。 ユーザが一番初めに訪れるトップページは、メニューや店舗の住所・営業時間等の情報を充実させることで、ユーザの興味を持ってもらえるような構成にしています。
デザイン
店内に広がるコーヒーの香り・木の温もりを感じる茶系と、親しみや家庭的のイメージのあるオレンジをカラーに使用し、ゆっくりとくつろげるカフェを表現しました。 「FOOD MENU」「DRINK MENU」はテキスト量が多くなってしまうため、デザインの4原則を意識し、読みやすくなるように工夫しました。
制作期間
デザイン:2週間
コーディング:1週間
使用ツール
Photoshop / Visual Studio Code