東京 表参道にある、“野菜と魚介を主役にしたフレンチレストラン”のWEBサイトをリニューアルしました。
お店の世界観を伝えつつ、使いやすい導線設計。その両方にこだわっています。
目次
デザインの方向性
- セージグリーン×ピンクベージュ×ウォームグレーでやわらかなトーンに統一。
- 大理石テクスチャ＋余白で清潔感と上質感を両立。
- 落ち着きのある明朝体をベースに、写真の色味を丁寧に整えて“軽やかなフレンチ”を表現。
- ヒーローは料理写真を大きく配置し、一目で「食べたい」をつくる構成に。
情報設計と導線（UX）
- コースは Lunch／Dinner で分割。価格・内容・所要時間・アレルギー対応を見比べやすく。
- 生産者・食材ギャラリーを設置。季節の野菜や産地情報をカードで整理し、こだわりが伝わるように。
- ワインページはペアリングの考え方を紹介。料理→ワインへの回遊を意識。
- 予約CTAはヘッダー＋ページ下部に常設。どこからでも迷わず予約サイトへ。
- アクセスは地図と写真を並置し、はじめてでも来店しやすい導線に。
制作のポイント
- 料理・空間・素材写真が主役になるよう、余白設計とトリミングを丁寧に。
- メニュー数が多いため、テーブル設計で価格・内容・写真の見やすさを最優先。
- 更新しやすさを重視：WordPress（SWELLカスタマイズ）で、スタッフさんが価格や季節メニューを即時反映。
- スマホ最適化：親指タップのサイズ感、スクロール量、読みやすい行間を細かく調整。
仕様と担当範囲
- 構成：トップ／コース（Lunch・Dinner）／アラカルト／ドリンク＆ワイン／コンセプト／食材・生産者／スペース／アクセス ほか
- CMS：WordPress（SWELLベース）
- 担当：要件整理・情報設計・デザイン・実装・画像最適化・内部SEO・公開後サポート
このサイトで叶えたいこと
“表参道らしい上品さ” と “迷わず予約できる使いやすさ”。
そのバランスを大切に、料理の軽やかさが伝わるサイトに仕上げました。近い将来のメニュー拡張や季節更新も見据えて、運用しやすい構成にしています。
この度はありがとうございました！
江戸川区から都内各所まで、対面の打ち合わせもオンラインもしています。
「写真を活かしたレストランサイトを作りたい」「メニューが多くて整理したい」など、お気軽にご相談ください。
