DESIGN 01
木と光のナチュラル
窓の光と木の温もりを、ゆったり見せる。
ページ全体を見るカフェ・飲食店のホームページ例
カフェ・飲食店なら、こんなホームページ。
お店の空気が伝わる写真と、来店前に知りたい情報を。
5つのデザイン見本と、ページ構成の考え方をご紹介します。
5 DESIGN DIRECTIONS
同じ業種でも、
伝え方はいろいろ。
くつろぎ、入りやすさ、料理のおいしさ。
主役にする魅力で、お店の伝わり方は変わります。
左右にスクロールして、5案を比べられます。
木と光の
DESIGN 02
深煎りのクラシック
深い色と写真で、落ち着いた喫茶の時間へ。
ページ全体を見るDESIGN 03
街角のポップ
大きな文字と明るい色で、入りやすさを伝える。
ページ全体を見るDESIGN 04
余白のミニマル
一杯の写真と静かな余白で、丁寧さを見せる。
ページ全体を見るDESIGN 05
食卓のマガジン
料理と過ごし方を、雑誌のような構成で。
ページ全体を見るすべて架空事業のデザインサンプルです。実際の納品実績ではありません。制作対象は10ページ以内のコーポレートサイトで、システム開発は含みません。
PAGE & CONTENT
カフェの情報を、探しやすい構成に。
たとえば、こんな5ページ。
お店の雰囲気から来店方法まで、
知りたい順にまとめます。
5ページは構成の一例です。制作対象は10ページ以内のコーポレートサイトに限ります。予約・決済・会員機能などのシステム開発は含みません。
- 01
トップページ
店内や料理の写真から、お店の特徴をひと目で。メニューやアクセスへの入口を用意します。
- 02
メニュー
ドリンク・料理の種類と写真、実際の価格。選ぶときに必要な注意事項も整理します。
- 03
お店について
開店の背景や大切にしていることを、お店で過ごす時間が浮かぶ言葉で伝えます。
- 04
店舗情報・アクセス
営業時間・定休日・所在地・交通手段など、来店前に確かめたい情報をまとめます。
- 05
お問い合わせ案内
電話番号やメールなどの連絡方法と、店舗への質問・取材など相談できる内容を案内します。
BEFORE THE FIRST VISIT
来店前の疑問に、ひとつずつ答える。
雰囲気を知り、メニューを選び、場所を確かめる。
お客さまが知りたい順に、写真と情報をつなぎます。
どんなお店？
店内の光、席の雰囲気、接客の様子。写真と言葉で、過ごす時間を想像できるように。
何を楽しめる？
料理やドリンクの特徴、メニュー、実際の価格。選ぶときの判断材料を、ひとつの場所に。
どう行けばいい？
営業時間、定休日、場所、連絡方法。来店を決めたあとに必要な情報へ、迷わず進めるように。
見本の写真・配色・構成は、それぞれの表現の一例です。実際の制作では、お店のコンセプトや提供するメニューに合わせて設計します。
YOUR CAFE, YOUR WEBSITE.
あなたのお店らしさを、ホームページに。
メニュー、店内の雰囲気、届けたいお客さま。
お店で大切にしていることから、聞かせてください。
制作費500円（税込）・WEVANTへの月額費用0円。
審査・採択者限定で、現在は募集準備中です。
サーバー・ドメインの契約・更新実費は別途必要です。
YOUR NEXT.
はじめる前の、
疑問から。
現在は募集準備中です。
制作内容や費用のご相談は、運営会社の窓口へ。