ロゴ

Cafe Harmony

スクールの課題でカフェのホームページを制作しました。
店主のコーヒーへのこだわりが伝わるようコンセプトは大きく、動きをつけ見る人を飽きさせない設計です。
コンセプト「心安らぐひとときを。」のように、Cafe Harmonyで過ごす、心穏やかな時間をサイト内に構築しました。

ターゲット
20〜40代の男女両方
情報設計
まず、ホームページを訪れた人が店舗の情報をいち早く認識するためにファーストビューに被せて「店舗からのお知らせ」を配置しました。
ホームページ全体の余白を大きく作ることにより、「ゆとりのある空間」を演出しました。
さらにフッターに店舗の情報を配置し、各ページからすぐに認識できるように構築しました。
デザイン
メインカラーは2025年のトレンドカラーの「モカブラウン」を採用しました。
コンセプトは店主のコーヒーへのこだわりが伝わるように写真は大きく、背景は動きを加えました。
ボタンやリンクに自然と視線が誘導される配置にしました。
見ている人を飽きさせない落ち着いた雰囲気のホームページを制作しました。
制作期間
WordPress  4週間
使用ツール
Figma / WordPress
  • PC
  • SP
  • TOPページイメージ
  • メニューページイメージ
  • ブログページイメージ
  • お問い合わせページイメージ
  • TOPページイメージSP
  • メニューページイメージSP
  • ブログページイメージSP
  • お問い合わせページイメージSP