カフェのデモサイトを公開しました。

WEBONDの「カフェ」サンプルサイト

WEBONDのホームページ制作の目安として、架空のカフェ「Cafe Bond」のホームページを公開しました。

飲食店ホームページに必要な機能や装飾をまとめているので、実用的な高品質ホームページです。

私たちWEBONDへのご依頼を検討している担当者様の判断の基準になれば幸いです。

なお、現在2つのデモサイトを公開しており、それぞれのデザインを掛け合わせたホームページ制作も可能です。

カフェのデモサイトの構成

デモサイトの構成

✔️ ホーム
✔️ コンセプト
✔️ メニュー
✔️ お知らせ
✔️ 採用情報
✔️ お問い合わせ

飲食店ホームページの基本構成となる6ページ構成で制作しました。

デモサイトの構成① ホーム

ホームページへアクセスしたユーザーが最初に見るのがホーム画面です。

今回は、カフェの外観の写真を大きく表示させ、カフェが目指すテーマ「忙しい現実から
ちょっと離れられるカフェ
」というメッセージを大きく掲載しました。

ユーザーが気になる「お知らせ」と「メニュー」を掲載することで、直感的に希望の情報へアクセスできる導線設計済みです。

また、画面下部には店舗の基本情報とGoogleマップの埋め込みをしているため、初めてのお客様でもわかりやすい構成になっています。

デモサイトの構成② コンセプト

飲食店の掲げるコンセプトをまとめたページを制作しました。

コンセプトの他には、カフェの内観や利用可能なサービス、オーナーの挨拶を掲載することで、どのようなカフェなのかをしっかり伝えることが可能です。

デモサイトの構成③ メニュー

メニューページには大きく「ドリンク」と「フード」それぞれの基本メニューを掲載しました。

来店を検討しているお客様に対して、どのようなメニューがあるのかを事前にお知らせできるので、重要なページです。

デモサイトの構成④ お知らせ

カフェからお客様へ伝えたい情報を記事として公開できるように、お知らせ機能を実装しました。

投稿には文章だけでなく、写真や画像をアップロードすることができます。

担当者様で簡単に投稿ができるような設計になっているので安心です。

デモサイトの構成⑤ 採用情報

カフェが募集する採用情報を掲載するページを作成しました。

飲食店の求人募集といえば、求人サイトや求人誌を利用しますが、掲載料がかかります。

ホームページに掲載することで、無料で求人募集ができるので魅力的です。

デモサイトの構成⑥ お問い合わせ

お電話番号だけでなく、メールでお問い合わせができるように専用のフォームを実装しました。

来店の予約はもちろん、求人募集に関するご質問などのお問い合わせが予想できます。

ホームページを運営するなら、お問い合わせを増やすことも目的のひとつになるので重要です。

デモサイトをもとに要望を伝えることができます

飲食店のホームページを制作するとなると、どのようなデザインがいいのか不安になるでしょう。

そこで、公開しているデモサイトをもとに、「〇〇のページを△△してほしい」のような具体的な意思伝達が可能になります。

もちろん、デモサイトはあくまでサンプルなので、目安にしたうえでご要望をお伝えください。