【自主制作】古民家カフェホームページ


このホームページは、自然豊かな場所にある古民家カフェをイメージして自主制作したものです。「男女問わず利用でき、ゆったりと過ごせる空間」というコンセプトを、デザイン全体で表現することを目指しました。

製作期間3日間
使用したツールPhotoshop(ロゴ) / WordPress
依頼内容自主制作
要件定義
  • 制作目的
    • 古民家カフェのホームページ
    • 少人数営業のためお問い合わせは電話のみ→基本情報をホームページにまとめる
  • ターゲット
    • 20代~40代の男女
    • 古民家の雰囲気を活かして落ち着いて作業ができるようなカフェ
    • 遠方から来ていただく方もいる
  • トンマナ
    • 男女問わず利用
    • 自然と安心感をイメージ

コンセプトと居心地の良さの連動

カフェの「ゆったりと過ごせる空間」というコンセプトを簡潔に伝え、訪問者に安心感を与えることを重視しました。「一人でもくつろげる場所」というメッセージを明確に配置することで、ターゲットである男女問わず誰でも気軽に利用できる居心地の良さを強調しています。写真との相乗効果により、カフェの温かさと心地よさが直感的に伝わるよう設計しました。

メニューの視認性と実用性

メニューセクションは、来店前に確認したい「値段」と「種類」がすぐにわかるよう、整然とした配置にこだわりました。コーヒー、ティーなどの項目を明確に分類し、シンプルな背景でテキストが際立つよう調整しています。これにより、ユーザーは視覚的な負担を感じることなく、好みの飲み物やメニューを迷わず探せる実用性の高い設計を心がけました。

実用性と一貫性を持たせたフッター

フッター部分には、連絡先や所在地といった重要な基本情報を必要な要素に絞り、シンプルな構成にまとめました。SNSリンクをフッターに集約することで、外部リンクへのスムーズな導線を確保しています。情報過多にならずに、サイトの閲覧を終える直前に重要な情報やリアルタイムの情報源を再度確認できる、実用性と一貫性のあるデザインを意識しました。


コンセプトを伝えるメインビジュアル

カフェのコンセプトである「ゆったりと過ごせるリラックスした雰囲気」を視覚的に伝えるため、温かみと居心地の良さを表現できる大きなコーヒーやカフェの写真をトップに配置しました。全体の配色をナチュラルなトーンで統一することで、閲覧者に安心感を与え、落ち着いたカフェタイムをイメージさせるデザインに仕上げています。

男女問わず受け入れられる配色戦略

「男女問わず利用できる」という要件を満たすため、全体にベージュやブラウン系の色調を使い、温かみと落ち着きのある雰囲気を演出しました。リラックス感が伝わる配色を選びつつも、女性らしさに偏りすぎないジェンダーレスなトーンを意識しています。背景とテキストのコントラストを適切に調整し、視認性を確保する実用性も両立させました。

リアルな雰囲気を伝えるSNSギャラリー

リアルな店舗の様子や活気が伝わるよう、フッター付近にSNSギャラリーを直感的に配置しました。Instagramの画像を使うことで、カフェの「今」の姿が閲覧者に伝わり、親近感を演出しています。外部へのアクセスを容易にしつつ、サイト全体の色調に統一感を持たせることで、SNS写真がデザインの一部として機能するよう工夫しました。

この記事が気に入ったら
フォローしてね!

よかったらシェアしていただけると嬉しいです!
  • URLをコピーしました!
目次