Web Site

Web site

(架空)
カフェ “cafe chillax” LP


制作時期

2025年7月


制作時間

4日間
(ワイヤー/デザイン:1日 コーディング:3日)


使用ツール

Photoshop / illustrator / TeraPad

デザイン全体

Voice・Prodactsは横スクロール仕様

概要

ターゲット

カフェでくつろぎたい方、おしゃれな空間で過ごしたい30〜50代の方。


目的

お店の落ち着いた雰囲気を伝え、来店を促すこと。


デザイン・構成

くつろぎと安らぎを感じさせる、温かみのあるベージュを基調に、黒とダークブラウンで全体を引き締め、統一感のあるデザインに仕上げました。

  1. お店の内観がわかる写真をファーストビューに配置し、すぐに世界観が伝わる。
  2. お店のコンセプトを表現する文章と写真を配置し、ユーザーが来店したくなるような期待感を高める構成。
  3. お店の基本情報に加え、Googleマップを埋め込むことで、場所を直感的に把握できるように配慮。

工夫したところ

レスポンシブデザイン

  • PC版
    • 各コンテンツブロックに適切な余白を設けることで、ゆったりと落ち着いた印象に。
    • ナビゲーションは画面上部に固定し、どこからでもスムーズに移動できるよう操作性を高めた。
  • スマホ版
    • 文字サイズや行間を調整し、小さな画面でもストレスなく読めるように配慮。

ブランドイメージの統一

  • 落ち着いたベージュを基調とし、写真やフォント、余白の取り方に至るまで、お店の「くつろぎ」というコンセプトが一貫して伝わるように意識。
タイトルとURLをコピーしました