MarkBras｜飲食店向け

【MARK BRAS】は、イタリアンレストランやカフェ、バーなど飲食店向けに設計したStudioテンプレートです。ダークネイビー×ベージュの上質な配色と、コンポーネント機能を活かした構成で、様々な飲食業態のサイト制作に活用いただけます。

■ デザインの特徴

ダークネイビーとベージュを組み合わせた、落ち着きと高級感のある配色。筆記体のロゴやセリフ体の見出しが、上質な店舗のブランドイメージを演出します。

■ 主要ページ構成とその考え方

本テンプレートは以下の5ページで構成されており、それぞれが下記の役割を持っています。

【ABOUT】お店の想いや沿革を伝える「ストーリーページ」

【MENU】料理やドリンクを"カテゴリ"で紹介する「一覧ページ」

【PRODUCT】こだわりの商品を"詳細・価格付き"で見せる「グリッドページ」

【NEWS】CMSで更新し続ける「お知らせページ」

【CONTACT】予約や問い合わせを集約する「CVページ」

この構成は飲食業態を問わず使える型のため、写真とメニュー内容を差し替えるだけで、以下のような様々な飲食店サイトへ展開可能です。

【カスタマイズ例】

🍝 イタリアンレストラン

ABOUT(シェフのこだわり)

MENU(パスタ・ピザ・コース料理)

PRODUCT(自家製ソース・ワイン)

NEWS(季節限定メニュー)

CONTACT(予約フォーム)

🍣 和食・日本料理店

ABOUT(店主の想い・歴史)

MENU(会席・寿司・単品料理)

PRODUCT(日本酒・こだわり食材)

NEWS(旬の食材のお知らせ)

CONTACT(個室・宴会予約)

☕ カフェ・ベーカリー

ABOUT(お店のこだわり)

MENU(フードメニュー)

PRODUCT(焼き菓子・コーヒー豆)

NEWS(新商品情報)

CONTACT(問い合わせ)

🍷 バー・ダイニング

ABOUT(コンセプト・こだわりの一杯)

MENU(カクテル・フード)

PRODUCT(ボトルキープ・貸切プラン)

NEWS(イベント・ライブ情報)

CONTACT(来店予約)

🍞 パン屋・洋菓子店

ABOUT(職人のこだわり)

MENU(パン・焼き菓子カテゴリ)

PRODUCT(季節限定商品)

NEWS(新商品・催事出店情報)

CONTACT(取り置き・問い合わせ)

■ コンポーネント機能で誰でも簡単にページ作成

あらかじめ用意されたコンポーネントのBOXを配置するだけで、ページが簡単に作成できる設計です。デザインの知識がなくても、BOXを組み合わせたり並べ替えたりするだけで、高品質なレイアウトを再現できます。ページの追加やセクションの入れ替えも直感的に行えるため、サイト構築のハードルを大きく下げます。

■ CMS機能搭載

NEWS(お知らせ)はCMS機能でリスト管理できる設計。記事の追加・編集がノーコードで簡単に行え、更新のたびにレイアウトを組み直す手間がありません。

■ レスポンシブ対応

PC・タブレット・スマートフォンの各デバイスで最適に表示されるレスポンシブデザインを採用。どの画面サイズで閲覧しても崩れのない、快適な閲覧体験を提供します。

■ 便利な機能

・問い合わせフォーム(お名前・メール・メッセージ・プライバシーポリシー同意)

・Googleマップ埋め込みによるアクセス案内

・座席数、営業時間、アクセス、駐車場情報の一覧表示

・お知らせ(NEWS)のカード型一覧とLoad more機能

・商品(PRODUCT)のグリッド型紹介レイアウト

イタリアンに限らず、和食・カフェ・バー・ベーカリーなど、あらゆる飲食業態の新規開業や既存サイトのリニューアルにご活用いただけます。

■ アクセシビリティチェック

テンプレートのアクセシビリティ対応方針・利用時の対応方法については、以下のスプレッドシートをご確認ください。

https://docs.google.com/spreadsheets/d/1xyHsJ1bO6crenl6gQa1TKxlmiPBWz45xDW39_SUJO6Q/edit?usp=sharing