Web site

(架空)
カフェ “cafe chillax” LP
制作時期
2025年7月
制作時間
4日間
(ワイヤー/デザイン:1日 コーディング:3日)
使用ツール
Photoshop / illustrator / TeraPad
デザイン全体


概要
ターゲット
カフェでくつろぎたい方、おしゃれな空間で過ごしたい30〜50代の方。
目的
お店の落ち着いた雰囲気を伝え、来店を促すこと。
デザイン・構成
くつろぎと安らぎを感じさせる、温かみのあるベージュを基調に、黒とダークブラウンで全体を引き締め、統一感のあるデザインに仕上げました。
- お店の内観がわかる写真をファーストビューに配置し、すぐに世界観が伝わる。
- お店のコンセプトを表現する文章と写真を配置し、ユーザーが来店したくなるような期待感を高める構成。
- お店の基本情報に加え、Googleマップを埋め込むことで、場所を直感的に把握できるように配慮。
工夫したところ
レスポンシブデザイン
- PC版
- 各コンテンツブロックに適切な余白を設けることで、ゆったりと落ち着いた印象に。
- ナビゲーションは画面上部に固定し、どこからでもスムーズに移動できるよう操作性を高めた。
- スマホ版
- 文字サイズや行間を調整し、小さな画面でもストレスなく読めるように配慮。
ブランドイメージの統一
- 落ち着いたベージュを基調とし、写真やフォント、余白の取り方に至るまで、お店の「くつろぎ」というコンセプトが一貫して伝わるように意識。