古民家カフェサイト(デモサイト)

ツムギ珈琲

古民家ならではの静かな空気感と、丁寧に淹れた珈琲を楽しめるカフェサイトを制作しました。コンセプト・お品書き・空間紹介・イベント情報・アクセスまでを1ページに整理し、初めて訪れる方にもお店の雰囲気が伝わる構成にしています。

デモサイトを見る

別のタブで開きます

業種
古民家カフェ
担当範囲
構成・デザイン・STUDIO実装
使用ツール
STUDIO
ページ構成
シングルページ
タグ
STUDIO / 古民家カフェ / Demo / レスポンシブ対応
ツムギ珈琲のPC・スマートフォン表示のモックアップ

このサイトについて

古民家を活かした落ち着きのある空間で、ゆっくりと珈琲や食事を楽しめるカフェサイトを制作しました。

和の雰囲気を感じる写真や縦書きのコピーを取り入れ、時間がゆっくり流れるような世界観を表現しています。お品書き・空間紹介・イベント情報・アクセスを1ページ内にまとめ、来店前にお店の魅力や過ごし方をイメージしやすい構成にしました。

デザインのポイント

  1. 古民家らしい静かな世界観

    余白を広く取り、落ち着いた写真と和の要素を組み合わせることで、古民家カフェならではのゆったりとした雰囲気を表現しました。

  2. 写真で空間の魅力を伝える構成

    外観や店内、珈琲、食事の写真を大きく見せ、来店前にお店で過ごす時間を想像しやすいデザインにしました。

  3. 来店につながる情報整理

    メニュー、空間紹介、イベント情報、アクセスを順に配置し、興味を持った方が自然に来店を検討できる流れにしました。

ページの流れ

トップから順に、どんな順番で情報を見せているかをまとめました。画像を押すと、セクション全体を拡大して見られます。

  1. 01 / 05

    TOP

    メインビジュアルとロゴで、古民家カフェらしい落ち着いた世界観を印象づけました。

  2. 02 / 05

    CONCEPT

    お店の想いや空間の魅力を伝え、ゆっくり過ごせる場所であることが伝わるようにしました。

  3. 03 / 05

    お品書き

    ドリンク、フード、デザートのメニューを分けて掲載し、提供内容を確認しやすくしました。

  4. 04 / 05

    空間紹介・イベント情報

    店内の雰囲気やイベント情報を掲載し、カフェでの過ごし方をイメージしやすくしました。

  5. 05 / 05

    Access

    店舗情報と地図を掲載し、来店前に必要な情報を確認できるようにしました。

こんなサイトを作りたい、
というご相談も。

新しくホームページを作りたい。今のサイトを見直したい。まだ内容が固まっていなくても大丈夫です。お話を伺ったうえで、いま必要なものだけをご提案します。

ご相談・お見積もりは無料です。