カフェ（架空）のHP　自主制作

【Webサイト】架空のカフェ「CAFE HARMONIE」ブランドサイト制作

概要

  • 制作物： カフェのコンセプト・ブランドサイト（ホームページ制作）
  • 対象ターゲット： 贅沢な一人時間を過ごしたい大人の男女、コーヒーの香りに癒やされたい方
  • 担当範囲： 企画・サイト設計・デザイン・WordPress実装
  • 使用ツール・技術： WordPress（既存テーマカスタマイズ）、Figma（デザインフェーズ）
  • 制作期間： デザイン３日間 / WordPress実装 1週間

💡 デザインのコンセプトと「想い」

Webデザイナーのカリキュラム課題として制作した、架空のカフェ「CAFE HARMONIE（カフェ・ハーモニー）」のブランドサイトです。

コンセプトは、「静かな空間でコーヒーの香りを楽しみながら、いつまでもその場所に留まっていたい」と思われる、落ち着いた大人の隠れ家空間。
サイトを訪れた瞬間に心地よい深いアロマが漂ってくるような世界観を目指し、配色には温かみのある深いコーヒーブラウンと、静寂さを演出する落ち着いたトーンを採用しました。ただ情報を並べるだけのホームページではなく、お店の「空気感」や「流れる時間」そのものをデザインと言葉によって翻訳し、五感に響くような繊細なビジュアル設計を大切にしています。

🛠️ 課題解決と工夫したポイント（技術的アプローチ）

  1. 既存テーマの強みを活かしたスマートな実装
    WordPressの既存テーマをベースに使用し、限られた制作期間（実装1週間）の中で最大限にコンセプトを表現しました。テーマが持つ標準機能のメリットを活かしつつ、大人の落ち着きを崩さないようレイアウトや余白、タイポグラフィ（文字組み）を細部まで緻密にカスタマイズ。スピード感とデザインのクオリティを両立させる実装スキルを意識しました。
  2. 「心地よさ」を引き出すレイアウト設計
    「いつまでも留まっていたい」という想いを画面上でも擬似体験してもらえるよう、あえて情報をごちゃごちゃと詰め込まず、ゆったりとした贅沢な余白を持たせています。スマートフォンの画面でスクロールした際にも、心地よいリズムで写真や言葉が目に入ってくるレスポンシブ（スマホ対応）な動線設計を行いました。