住宅街にこじんまりと佇むビストロ「Bistro akari」様のホームページを制作。
本サイトは、既存サイトとは異なるターゲット層へ向けて新設したホームページです。
既存サイトの雰囲気を大切にしながら、情報設計やファーストビューを見直し、初めて来店される方にも店舗の魅力が伝わるサイトを目指しました。
◆背景と課題整理
今回のホームページは、既存サイトとは別ターゲット向けに新設するサイトとして以下のご依頼いただきました。
- 既存サイトの雰囲気やデザインを活かすこと
- できる限り予算を抑えること
- 新しい店舗情報を追加すること
一方で、既存サイトを分析したところ、いくつかの改善点が見つかりました。
・ファーストビューでは店舗の魅力や世界観、料理の特徴が伝わりにくい
・情報が複数ページに分散しているだけでなく、一部内容が重複して掲載されている
・Instagram連携がうまく機能しておらず、最新情報がホームページへ反映されていない
そのため、初めて訪れる方にも店舗の魅力が伝わり、必要な情報へ迷わずアクセスできるよう、情報構成を見直しました。
◆設計コンセプト
今回の制作では、既存サイトの世界観を維持しながら、「初めて訪れた方にも魅力が伝わること」を重視して設計しました。
継承したこと
- 既存サイトのブランドイメージや配色
- ランチ・ディナーのページ構成
- 店舗の世界観
改善・刷新したこと
- ファーストビュー再設計し、お店の魅力が伝わる構成へ改善
- TOPページへ情報を整理し、重複や分散を解消
- ランチ・ディナーメニューを最新情報へ更新
- Instagramとの連携方法を整理し、運用しやすい導線へ改善
- テイクアウト・カウンター席・駐車場など、新サービス情報を追加
- スマートフォンで見やすいレイアウトへ最適化
◆ビジュアルデザイン
配色
既存サイトと合わせることでブランドイメージに統一感を出しています。
ファーストビュー
お店のブランドイメージを表現するイラストと料理写真を組み合わせ、店舗の世界観が一目で伝わるファーストビューとしました。
ランチ・ディナーメニュー紹介
TOPページでは、「昼はナポリタン。夜はビストロ。」という店舗コンセプトが伝わるよう、ランチ・ディナーの料理写真をカルーセル表示としました。
限られたスペースでも料理の魅力を伝えながら、専用ページへ自然に誘導できる構成としています。
レスポンシブル
PC・スマートフォンそれぞれで最適な見え方となるよう、余白や写真サイズ、レイアウトを細かく調整しました。
特にファーストビューは、デバイスごとに写真の見え方を最適化し、第一印象が損なわれないようブラッシュアップしています。
◆対応範囲
本件では、以下の内容を実施しました。
・現状分析
・サイト構造設計（情報設計）
・サーバー／ドメイン設定サポート
・WordPress構築（Elementor）
・レスポンシブ対応
・Instagram連携
・Googleマップ設置
・SEO初期設定
・セキュリティ設定
・本番公開
◇使用ツール
WordPress /Elementor/Photoshop
制作についてのお問い合わせ
