ペットのお宿〜二条城〜 セルフペットホテルHP
課題・背景
店舗オープンに向けてTOP＋下層9ページを段階的に公開する必要があった。クライアント・デザイナー・ディレクターと3者協働での進行で、仕様変更や素材差し替えが随時発生する中でも納期を守ることが求められた。また、店舗スタッフ自身がお知らせや提携ホテル・おすすめ商品を更新できる投稿機能が必須だった。
設計・実装のポイント
デザインカンプ（PSD）をもとにWordPressオリジナルテーマをフルスクラッチで構築。縦横2方向のカルーセル（CSS無限スクロール）、漫画コンテンツのモーダルビューア、Contact Form 7による問い合わせフォーム＋自動返信メール＋reCAPTCHAスパム対策を実装。スマホではアコーディオンFAQとハンバーガーメニューを実装し、ハンバーガー開閉・追従ヘッダー・電話タップリンクなどSP体験にも注力した。
振り返り・学び
4ヶ月という長期案件を通じて、仕様変更・素材差し替えへの柔軟な対応力が鍛えられた。段階公開のスケジュール管理や、クライアント・デザイナーへの報告・相談の仕方も実務で身についた。Contact Form 7のカスタマイズやreCAPTCHA導入など、フォーム周りの実装知識が大きく広がった案件だった。