WEB制作
美容サロン系WPテンプレート（LP）
プロジェクト概要
美容室・ヘアサロンを想定した、LP形式のWordPressオリジナルテーマを制作しました。
店舗の世界観や施術イメージが伝わるよう、写真を主役にしたシンプルなレイアウトと、モノトーンを基調とした落ち着きのあるデザインで構成しています。
デザイン性だけでなく、公開後の運用のしやすさも重視。専門的な知識がなくても、店舗側で日々の情報を更新しながら長く運用できるサイトを目指しました。
担当範囲
- サイト設計
- デザイン
- UIデザイン
- WordPressテーマ開発
- オリジナルテーマ制作
- 管理画面設計
- カスタマイズ機能実装
制作のポイント
店舗側で更新しやすいWordPress設計
公開後の運用を想定し、画像やテキスト、メニュー、店舗情報などをWordPressの管理画面から簡単に変更できるよう設計。
更新のたびにHTMLを編集する必要がなく、日常的な情報変更を店舗側で行いやすい仕組みにしています。
Instagramと連携した情報発信
サイト内にInstagramの投稿を表示できるようにし、SNSで発信しているスタイルや店舗の雰囲気をWebサイトにも活用。
サイトそのものを頻繁に更新しなくても、普段のSNS運用と組み合わせながら新しい情報を届けられる構成にしています。
サロンの世界観を引き立てるモノクロデザイン
カラーを抑えたモノトーンをベースに、写真そのものが印象に残るデザインを意識しました。
装飾を増やしすぎず、タイポグラフィと余白を活かすことで、落ち着きや上質感を感じられる雰囲気に。ヘアスタイルや店内写真を入れ替えても、店舗それぞれの世界観を表現しやすいデザインとしています。
使用技術
- WordPress
- PHP
- ACF
- JavaScript
| 項目 | 内容 |
|---|---|
| 制作期間 | 約3週間 |
| 制作範囲 | デザイン・コーディング・WordPress構築 |
| CMS | WordPress |
| サイトURL | https://happy-3s.com/salon-b/ |
| レスポンシブ対応 | ○ |
| オリジナルデザイン | ○ |
| SEO設計 | ○ |
| 保守運用 | ○ |
このサイトで意識したこと
特に意識したのは、「見せるサイト」と「使えるサイト」のバランスです。
美容サロンのWebサイトでは、デザインや写真によって店舗の雰囲気を伝えることが大切な一方、メニューや料金、アクセス、よくある質問など、来店を検討している方が知りたい情報へ迷わずたどり着けることも重要です。
そこで、1ページをスクロールする中で店舗の世界観を感じてもらいながら、サービス・メニュー・FAQ・アクセス・Instagram・予約まで自然につながるLP構成としました。
また、制作時の完成度だけではなく、公開後に店舗自身で育てていけることも重視しています。更新しやすい管理画面とSNS連携を取り入れることで、Webに詳しくない方でも無理なく運用を続けられるテーマを目指しました。