シマの寿司アバシ 寿司屋

サイトの概要

「シマの寿司アバシ 寿司屋」は、飲食店・寿司屋業態を想定した制作サンプルです。単価の高い専門店では、料理写真を並べるだけでは決め手になりません。「誰が」「どんな素材で」「どう仕込んでいるか」まで読ませて、はじめて予約の理由になります。そこでこのサンプルは、新鮮なネタ・職人の技・店内の雰囲気という3つのこだわりを、写真とテキストを左右交互に並べたレイアウトでじっくり読ませる構成にしました。

配色は藍・墨・白を基調にしたトーンで、清潔感と高級感を演出しています。トップページのヒーローは複数の写真がゆっくり拡大しながら切り替わる演出で、カウンターに流れる空気を最初の数秒で伝えます。糸満漁港での仕入れや新潟県産米のシャリといった、そのお店にしか書けない具体的な話を本文に置くことを前提にした構成です。

デザイン・構成のポイント

メニューは握り（1貫）・巻物／軍艦・一品料理・お飲み物に分け、看板の「本日の握り盛り合わせ」など主力3品は写真つきの大きなカードで先に見せています。寿司屋は仕入れで内容が変わるため、「仕入れ状況により内容が変わります」と添えられる作りにしてあります。こうしておくと、その日のネタが変わっても価格表を書き換えずに運用できます。

ご予約ページは電話のみで受ける前提にし、「即時予約が確定するオンライン予約システムではありません」と明記しました。予約方法をあいまいにしておくと、来店できると思って来られたお客様との行き違いが起こります。バリアフリー設計、4〜6名の個室、テイクアウトの可否、キャッシュレス決済といった電話で聞かれがちな内容はよくある質問7問に整理し、問い合わせ電話そのものを減らす設計にしています。

アクセスは営業時間・定休日・駐車場・Googleマップをまとめた独立ページを用意し、トップページからも同じ情報を確認できます。お知らせは一覧と記事ページを持たせているので、季節のネタの入荷や仕入れの様子を短い記事で積み上げていけます。専門店では、こうした更新の積み重ねがそのまま「今も丁寧にやっている店」という証明になります。

文章はどのセクションも短く区切り、スマートフォンで読んだときに1画面に収まる長さに揃えています。高級店のサイトは写真を大きく使うぶん文字が読みにくくなりがちなので、白場を広くとって行間をゆるめ、落ち着いて読める密度に調整しました。写真がまだ揃っていない段階でも順番に差し替えていけるよう、1セクションにつき1枚が基本の構成にしています。

ページ構成

• TOP
• メニュー
• アクセス・店舗情報
• ご予約
• お知らせ（一覧・記事）

主な機能

• HTML
• レスポンシブ
• ヒーロースライドショー（ズーム切り替え）
• メニュー一覧（カテゴリー別・写真つき主力メニュー）
• よくある質問（アコーディオン形式）
• Googleマップ埋め込み
• 電話タップ発信
• お知らせ一覧・記事ページ
• お持ちの画像差し込み8枚程度
• ロゴ作成

こんな業種におすすめの構成です

寿司のほか、天ぷら・鉄板焼き・割烹・焼肉・鮨居酒屋など、客単価が高く「素材と職人の仕事」で選ばれる専門店に向いた構成です。予約までWebで完結させたい場合は、シマの食事処マサイのようなオンライン予約システムを組み合わせることもできます。コースを主体にされているお店なら、コース紹介のページを1枚追加するだけで、単価の高いご予約に絞った見せ方に寄せられます。観光のお客様を狙う場合は英語ページの追加、地元のお客様が中心なら地域名を含めた文章の作り込みと、力を入れる場所も一緒にご相談しながら決めていきます。

その他対応可能な内容（一例）

• Googleアナリティクス（GA4）タグの設置
• OGPタグの設定
• 子ページの追加
• お問い合わせ・ご予約フォームの設置
• 検索エンジン用サイトマップの設置
• WordPressの導入・構築