ドッグサロン
First View Screenshot
制作概要
- 業種
- ペット
- 種類
- サービスサイト
- 制作範囲
- デザイン・コーディング・WP実装
- 使用技術
- HTML/CSS/JS/PHP
実装内容
- ワイヤーフレーム・デザイン(手書き)
- コーディング(VSCode)
- PC/タブレット/スマホサイズ対応
- アニメーション
- WordPressオリジナルテーマ
- 予約フォーム(Booking Package)
- カスタムフィールド(ACF)
制作意図や、経緯など
・予約システムの実装経験を積むことを目的に、Booking Package を導入し、予約機能を実装しました。
・料金表は、サイト公開後も管理者が簡単に更新できるよう、投稿機能を利用して構築しました。タイトルに犬種名、カスタムフィールドに「シャンプーのみ」「シャンプー+トリミング」の料金を入力できる仕様にしています。
・投稿機能を採用することで、将来的に対応犬種が増えた場合でも、コードを修正することなく料金表を追加・更新できるようにしました。
・スタッフ紹介については、更新頻度や制作コストを考慮し、カスタム投稿ではなく固定ページで実装しました。必要以上に機能を増やさず、要件に応じた実装を意識しています。
・ドッグサロンを利用するユーザー層を想定し、上質さや安心感が伝わるラグジュアリーな配色・デザインを採用しました