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