カフェのホームページ
仮想ホームページ
2026
デザイン / コーディング
概要
世界観を重視したデザインでお客様の心をつかむ
【 TOPページ 】
【 下層ページ 】
CONCEPT
ゆったりと流れる時間が感じられるデザイン
今回のターゲット層は落ち着いた空間でコーヒータイムを楽しみたいと思っているユーザーのため、ゆっくりと時間が流れるようなデザインになるよう意識しました。
制作期間
10日間
担当範囲
デザイン / コーディング
使用ツール
Figma / html / css / js
PROCESS
目的
「空間・メニュー・世界観」まで含めて直感的に伝え、来店のきっかけをつくりたい。
課題
SNSでは断片的な情報しか伝えられず、「どんなお店なのか」が伝わりにくい。特に初めて訪れる方にお店の印象や細かな情報が一目でわかるようにしたい。
ターゲット
コーヒーが好きで、落ち着いてコーヒータイムを過ごすことができる場所を探している方
Point
配色
落ち着き感、安心感を与えらるよう白ではなく温かみのある背景色を使用しました。またアクセントカラーをあえて使用しないことで派手にならないように意識しました。
情報設計
画像を単調に並べるのではなく、大きさや配置をランダムにすることで動きをもたせ、ユーザーの心に刺さるようにしました。また。ブログ欄を設け、お店の情報がさらに伝わるようにしました。メニューといった店舗情報だけでなくこうしたブログ記事があると、どんなお店なのか伝わりやすくなると思います。
余白
引き算の考えから不要なあしらいは挿入せず、余白を広く設けることで、洗練された印象を与え信頼感につながるよう意識しました。
