エステサロンさくら様（サービスサイト）｜Web制作実績 レスポンシブ対応｜制作実績

PC用サイトでは、メインコンテンツの一つである「メニュー・料金」のページを閲覧しやすいよう、マウスオンで「フェイシャル」「ボディケア」「ブライダル」という3種類のメニューへの導線が表示されるメガメニューを取り入れてユーザビリティを向上いたしました。また、「お店を探して予約」「キャンペーン体験」はCV導線となるため、あえてメニュー枠からはみ出したインデックス風のデザインにすることで、自然と訴求を強めています。

また、「さくら・セレネについて」と「はじめての方へ」では、最新トレンドとユーザビリティの両方を取り入れた工夫を行っております。具体的には、電子書籍の目次一覧のように、画面左側にサイドナビゲーションを固定表示いたしました。さらに、ユーザーが閲覧しているコンテンツに合わせて、アイコンが点滅表示しページ内の位置を知らせるアニメーションを取り入れることで、全体的なページ構成がわかるだけでなく、目的の情報だけを直感的な操作で閲覧していただけるユーザビリティ設計を取り入れております。

こちらのサイトでは、「仕事の疲労をエステサロンで癒したい会社員女性」「母娘で一緒に通えるサロンを探している方」など、40代～90代まで幅広い年齢幅の女性ユーザーをメインターゲットに設定いたしました。そのため、スマートフォンとPCの使用比率を7：3と設定し、モバイルファーストとして設計しております。

今回、お客様の目的の一つとして、「キャンペーンを活用して新規顧客を増やしたい」というご要望をいただきました。お客様は様々な初回限定キャンペーンを実施されているため、各キャンペーンの専用ページを作成し、最短導線でご予約していただけるようランディングページ風に構成しております。さらに、メインビジュアルの下や各ページの最後にキャンペーンページへの導線バナーを設置することで、新規ユーザー獲得のための導線設計を強化しております。

デザイン面では、メインターゲットの年齢層が40～50代になることを想定し、全体的に落ち着いた暖色系のカラーで統一することで、「安心」「癒し」というイメージをもっていただけるデザインを心がけました。また、PC用サイトでは、マウスのスクロールに合わせてゆっくりと動くアニメーションを仕様として取り入れ、ゆったりと過ごせるエステサロンの居心地の良さをサイトからも感じていただけるよう細部まで工夫を取り入れております。

システム面では、実際にサービスを利用されたユーザーからの嬉しい声をホームページ上で掲載できるよう、「お客様の声」をCMS開発いたしました。こちらのCMSでは、専用の管理画面からテキストを入力していただくだけで、簡単にサイト内にコンテンツを作成できるため、ユーザーにエステサロンの信頼感を訴求するためのツールとしてご利用いただけます。