プロジェクト概要
人気イタリアンレストラン向けコーポレートサイトを想定した制作サンプルです。「お店の雰囲気をWebでも体感できる」をコンセプトに、食欲をそそるビジュアルとオーナー自身でコンテンツを更新できる管理画面の構築を目指した設計です。
💡 想定した課題
以前のサイトがHTML静的ページで、メニュー変更のたびに制作会社へ依頼が必要なケースを想定。季節メニューの更新が追いつかず、実際のメニューとWebの情報に乖離が生じているケースを想定しています。また、スマートフォンからのアクセスが70%を超えているにもかかわらず、モバイル対応が不十分であるケースを想定しています。
対応範囲
WordPress構築
テーマ開発
CMS設計
レスポンシブ
セキュリティ
操作マニュアル
デバイスプレビュー
制作のポイント
実装した主な機能
カスタム投稿タイプ「メニュー」で写真・価格・説明を簡単更新
ACFでメニューカテゴリ（前菜/パスタ/メイン/ドルチェ）を管理
Swiper.jsによるフルスクリーンギャラリーで店内の雰囲気を表現
食べログ・Google Maps連携でレビューと地図をワンクリック表示
予約フォーム（CF7）とLINE公式アカウントのデュアル導線
操作マニュアルPDF付きで引き渡し後の自走をサポート
使用技術
WordPress
PHP
ACF Pro
JavaScript
CSS Grid
Swiper.js
Contact Form 7
この制作で意識したポイント
- メニューやお知らせをオーナー自身で更新できるWordPress CMS構築
- Web予約への導線を分かりやすく配置
- 料理写真が映えるレイアウトとスマートフォン対応
- 表示速度を意識した画像最適化とコーディング
※ こちらはデモサイトです。掲載している数値は想定値であり、実際のクライアント案件ではありません。