Works / Website

高級ふぐ料理店
HP

Year2025.12
CategoryWebサイト / HP
ToolsFigma / STUDIO
高級ふぐ料理店
Gallery 制作物
高級ふぐ料理店 screenshot
高級ふぐ料理店 screenshot
高級ふぐ料理店 full view

「地域一番への問題意識を持ち、高級感と清潔感を兼ね備えた老舗高級サイトへ」

クライアントは地域の高級ふぐ料理専門店で、ホームページのリニューアルをご依頼いただきました。以前のサイトは「普通の飲食店サイト」にとどまっており、「すでに持っている高級感・歴史・こだわり」が伝わっていないという課題がありました。

訪れたユーザーが「ここで食事がしたい」「特別な席を予約したい」と感じるよう、**「高級感」「清潔感」「信頼性」**を軸にしたデザインを目指しました。

■ 企業カラーを活かしながら、品のある上質なグレージュ設計

カラーコードは企業のコーポレートカラーを元にしながら、明るいグレージュを採用。ブランドの色を守りながらも、古くさい印象を排除し、グラデーションカラーを取り入れた動きのあるデザインに仕上げました。

全体のレイアウトや色の使い方を考え、ビジュアルが余白を引き立て、落ち着きながらも洗練されたイメージのバランスを意識しました。

■ 「企業を知る」から「訪問したい」へ繋がる導線設計

飲食店サイトでは、単に情報を並べるだけでなく、来客動機を通じた動線の設計が重要です。ページ設計では、トップから会社概要・メニュー・アクセスへと一方通行で誘導するのではなく、**「ユーザーが次にどう動きたいか」**を起点に設計しました。

  • どんな雰囲気の店舗なのか
  • どんな料理を提供しているか
  • どう予約・問い合わせができるか

予約導線として「ご予約はこちら」のCTAを複数ページに配置し、迷いなく行動に移せる設計を意識しました。

ターゲットサイトでは、良い意味で「上品な敷居の高さ」が伝わる必要があります。そのために以下を意識しました。

  • 高解像度の料理・店内写真を大きく配置し、視覚から食欲と高級感を訴求
  • テキストの密度を抑え、余白を広く取ることで「品格」を演出
  • フォントは明朝体を軸に据え、モダンな和の雰囲気を表現
  • ページ全体を通じて「落ち着いた信頼感」と「特別な体験」を一貫して伝える

企業の初期ブランディングを担当する立場から、最初の訴求ポイントを「どのように地域の競合他社と差別化するか」という視点で設定しました。

デザインだけでなく、WordPressとElementorを使用した実装まで一貫して担当。全ページにわたってデザインの完成度を維持しながら、運用しやすい管理画面の構築にも注力しました。

本制作では、良いサイトを作る目的はデザインだけではないという点を、改めて実感しました。顧客が実現したい成果(来客・予約・信頼獲得)を起点に考える姿勢を徹底しました。

  • 単に見た目を整えるだけでなく、目的を持ったデザイン判断をすること
  • 情報がわかりやすく、訪問者が迷わない動線を考えること
  • デザイン・文章・設計を分割せず、一体として捉えて制作すること

「企業らしさ」と「訪問したくなる実用性」をどう両立させるかを考え続けたプロジェクトです。