salon de bijou
名古屋市の美容サロン「salon de bijou」様のランディングページを制作させていただきました。
WordPress、コーディングを担当させていただきました。
名古屋市の美容サロンが立ち並ぶ栄エリアにオープンした高級感もあり緑に囲まれた完全独立型個室空間サロンです。
5階Men's専用Room・6階Lady's専用Roomと、各階にはお手洗いやドレッサーなども完備しており、"男女共に美を追求する時代"に合わせた次世代salonです。
- クライアント
- salon de bijou
- 担当
- コーディング / WordPress
- 製作期間
- 3日間
- 使用ツール
- Visual Studio Code / XD
- 実装・取り組みについて
-
サロンの落ち着いた雰囲気を大切にするため、アニメーション等は設けずシンプルな構成になっています。
ヒアリングの段階で、以前のウェブサイトが重かったというクライアントからの課題を受け、ページの表示速度改善を最優先テーマと定めました。
サロン特有の高品質な写真素材が多く、デザイン性を保ちながらの高速化が求められたため、 画像の最適化、Webフォントの最適化、HTML/CSS/JavaScriptの軽量化、不要なスクリプトの削除や遅延読み込み設定、およびブラウザキャッシュの最適化など、表示パフォーマンスに関わる施策を多面的かつ徹底的に実施しました。
Google LighthouseやPage Speed Insightsのスコアを指標にチューニングを重ねたことで、パフォーマンス・アクセシビリティともに90点以上を達成し、 クライアントからも「以前よりページがスムーズに閲覧できるようになった」と高い評価をいただきました。
弊社の制作フローでは約90%の案件がPC版（デスクトップ版）カンプのみ提供されるため、モバイル版のデザインやレスポンシブ対応は私の裁量で行い、柔軟に対応しています。
※掲載のキャプチャは制作時点のものです。公開後の更新により、現行サイトとは一部内容が異なる場合があります。