Work Detail

古民家カフェサイト

サイト名:ツムギ珈琲

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

STUDIO 古民家カフェ Demo レスポンシブ対応
古民家カフェサイトのメインビジュアル

制作概要

業種

古民家カフェ

担当範囲

構成・デザイン・STUDIO実装

使用ツール

STUDIO

ページ構成

シングルページ

このサイトについて

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

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

デザインのポイント

01

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

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

02

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

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

03

来店につながる情報整理

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

実際の画面

古民家カフェサイト「ツムギ珈琲」のPC表示
古民家カフェサイト「ツムギ珈琲」のスマホ表示

セクション構成

古民家カフェサイト「ツムギ珈琲」のTOPセクションの画面

TOP

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

古民家カフェサイト「ツムギ珈琲」のコンセプトセクションの画面

CONCEPT

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

古民家カフェサイト「ツムギ珈琲」のメニュー紹介セクションの画面

お品書き

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

古民家カフェサイト「ツムギ珈琲」の空間・イベント紹介セクションの画面

空間紹介・イベント情報

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

古民家カフェサイト「ツムギ珈琲」のアクセスセクションの画面

Access

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

Contact

お気軽にお問い合わせください

サイト制作やデザインのご相談など、お気軽にご連絡ください。目的やご予算に合わせて、伝わりやすく使いやすいWebサイトをご提案します。

制作実績一覧へ戻る