WordPressサイトのフルリニューアル。お店のコンセプトや理念はもちろん、施術事例やお客様の声を掲載することで「集客」できるウェブサイトを意識して制作いたしました。訪問者の9割以上がスマホのため、デザインや導線はスマートフォン向けに最適化しています。
西葛西にある、白髪染めにお悩みの女性のためのヘアカラー＆スキャルプケア専門店。
この夏から、「浸頭循環エンハンス＋ヘッドスパ」の新サービスが始まるそうです！
RESOLVEこんなお悩みを解消できました
公開前
- 無料Wordpressテーマを使用しておりデザインが古かった
- WordPress本体やプラグインのバージョンが古かった
- スマホファーストの設計になっていなかった
- お客様から集めた手書きアンケートが活用できていなかった
- お店のコンセプトや理念が十分に伝えられていなかった
- 電話問い合わせの工数・来店後にお断りするケース
- ブログ機能を有効活用できていなかった
- SEOを意識した構成になっていなかった
- HTTP・HTTPSが混在していた
- 自サイトの分析を行っていなかった
公開後（期待）
- 開発用テーマ＋オリジナルデザインで今風のデザイン
- 不要なプラグインを削除して最適化
- 9割がスマホユーザーのためスマホの閲覧に最適化
- ブログ機能でユーザーボイスをかんたんに投稿
- 図やイラスト、読みやすいレイアウトでしっかり説明
- FAQや注意書き、予めお断りするケースを拡充
- 事例、ユーザーボイス、お知らせなど使用目的を明確化
- 「西葛西＋ヘアカラー」等で上位表示
- サイトおよびコンテンツのURLをHTTPSに統一
- Search Console / Google Analyticsの導入＆レクチャー
OUTLINE案件概要
| クライアント | 染髪美屋（そめかみのうつくしや） 様 |
| URL | https://somebiya.com/ |
| 規模 | 10ページ＋ブログ |
| 業種・業界 | 白髪染め・ヘアカラー・スキャルプケア・ヘッドスパ |
| 担当範囲 | ディレクション、デザイン、ライティング、写真撮影、イラスト・図解、コーディング、サーバー・ドメイン契約、サーバー移行、ドメイン移管 |
| 使用言語・環境 | WordPress／PHP／HTML／CSS／jQuery |
| サーバー | エックスサーバー |
| テーマ | Swell |
| 製作期間 | 4ヶ月 |
| 公開時期 | 2022年5月 |
FEATURE実施内容
- スマホファーストのオリジナルデザイン（利用者の9割がスマホ）
- メインターゲットの40代・50代が操作しやすい導線設計
- お客様の声、施術事例をブログ機能でかんたんに投稿できるフォーマット
- SEO（地域名＋ヘアカラー）を意識したコンテンツ制作
- お店の理念やコンセプト、特徴的な施術を説明するための図解イラスト制作
- 説明文のモーダル表示（lity.js）
- ページ内スライドショー（XO Sliderプラグイン）
- 過去ブログのインポート、URL変更に伴うリダイレクト設定
- 新サーバー契約のサポート・ドメイン移管・サーバー移行作業（lolipop⇒xserver）
- Google Analytics、SearchConsoleの導入＆レクチャー
これまでオーナー様ご自身で、Wordpressサイトを立ち上げて運用されておられましたが、WEB集客に力を入れたい・お店のコンセプトや施術内容をしっかり発信したいということでご相談いただきました。
まずは近隣競合のヘアカラー店や、SEOに強い・訴求力の高い他社事例を調査。どんなサイトにしていきたいのか、本当に運用できるのかをディスカッション。その結果、オーナー様が本当にやりたかったのは「お客様の声」と「施術事例」の発信であることが明確になり、これを今後の運用で中心となるコンテンツとして設定しました。
日々の運用のなかで、しっかりご自身で情報発信ができるよう、カテゴリ毎に投稿フォーマットを整えています。
また、リニューアル前に既存サイトのSearch ConsoleとGoogle Analyticsによる分析を行い、流入キーワードや利用者のデバイスを調べ、コンテンツとデザイン設計に反映させました。
サイトの利用者は、ヘアカラー（白髪染め）のユーザーともあって9割超がスマートフォン。「地域名＋白髪染め」や「地域名＋ヘアカラー」、「卵殻膜トリートメント」などが主な流入キーワードでした。積極的にSEOキーワードをコンテンツに挿入することで、「西葛西＋ヘアカラー」や「西葛西＋白髪染め」で上位表示を実現しています。
40・50代の女性がメインのターゲットですから、少し大きめの文字サイズで、落ち着いていて、少し高級感のある雰囲気。「染髪美屋」のコーポレートカラーである「紫」がしっかりと映えるようにデザインしました。
公開後も来店されるお客様から、「使いやすい」「見やすい」「おしゃれ」などのコメントをいただき反響も上々とのこと。
使用したテーマのSwellは、編集や投稿がしやすいように日々の運用を考えて設計されており、非常に使い勝手の良いWordpressテーマです。HP制作の案件で必要な機能は概ね揃っているので、部分的なカスタマイズで企業向けのWEBサイトを制作することができます。
本体テーマのアップデートも頻繁に行われており、今後Wordpress6.0への対応も進めているとのこと。安心して使えますね。
本案件においては、Swellの基本機能で大部分を実装しましたが、一部レイアウトが複雑なものや、モーダルウィンドウの表示などは独自開発により実装しました。オリジナルデザインで制作しても、ブロックやパーツ単位でスタイリングがしっかりできるのがSwellの良いところです。
