「ビール／生ワイン／海老」を看板に掲げるシーフードレストランの公式サイトを制作しました。
お店の“ワクワク感”と“上質さ”を、スマホでも迷わず伝わる形に落とし込んでいます。
目次
デザインの方向性
- ボルドー×ベージュ×ブラックでブランドトーンを統一。 泡のきらめきや海老の艶が映える配色に。
- ヒーローは料理写真を主役に。 1stビューで「美味しそう！」を即時に伝え、スクロールを促進。
- 落ち着いた明朝体＋読みやすい組版で、大人のカジュアルさを表現。
情報設計と導線（UX）
- メニューは時間帯別に整理：Lunch／Dinner／Alacarte／Take Out を分割し、知りたい情報へ最短で到達。
- 予約CTAは常に視界に：ヘッダーとページ下部にボタンを配置し、どこからでも予約サイトへスムーズに遷移。
- スペース＆アクセスの充実：店内写真とMAPを並置。はじめての来店でも迷わない構成に。
制作のポイント
- 写真の“泡・艶・温度”が伝わるよう、余白とトリミングを丁寧に設計。
- メニュー数が多いため、カテゴリ・価格・内容が一目で分かるテーブル設計に。
- 更新しやすさを最優先：WordPress（SWELL）でスタッフさんがニュースや価格改定を即反映できるように。
- スマホ最適化：親指の動線を意識したタップサイズ／スクロール量で、外出先からでもストレスなし。
仕様と担当範囲
- 構成：トップ＋下層（Lunch／Dinner／Alacarte／Take Out／Concept／Space／Access／Contact）
- CMS：WordPress（SWELLベースのカスタマイズ）
- 担当：要件整理／情報設計／デザイン／実装／画像最適化／内部SEO
このサイトで叶えたいこと
「日比谷で海老とワインを楽しみたい」方に、サイトから気持ちよく来店いただけることをゴールに制作しました。
私自身、“飲食店は写真がいちばんの説得力” と考えているので、写真が主役になる余白設計と、迷わない導線づくりにこだわっています。
この度はありがとうございました！
江戸川区から都内各所まで、対面の打ち合わせもオンラインもしています。
「写真を活かしたレストランサイトを作りたい」「メニューが多くて整理したい」など、お気軽にご相談ください。
