HP

【ホームページ】脱毛サロンciao　（サンプルサイト） こんにちは、Webデザイナーの菊地舜です！今回は、私が制作した「脱毛サロンのデモサイト」についてご紹介します。デザインの背景やコンセプト、各パートの工夫や狙いを詳しく解説し、どのようにサイト全体を作成したかをまとめます。 制作の背景と目的 今回の脱毛サロンのホームページは、「見る人がこのサロンで受けられるサービスがしっかりわかるように」というところを重視しました。脱毛は数十万円もする大きな出費です。そのため、サービス購入をする人は慎重にいくつものサイトを調べていると思います。それを踏まえて、このサイトの目的は2つあります。 情報過多なサイトでは訪問者が迷子になりやすいため、できるだけシンプルで明快な構成を心がけました。 コンセプト コンセプトは「シンプルで信頼感のあるWebサイト」。余計な装飾を省き、情報が整理した見やすいデザインにしました。さらに、訪問者が迷わず行動できるように、ボタンを固定で配置しています。結果として「見やすく」「使いやすい」サイト体験を提供できる構成になっています。 サイト構成と各パートの説明 ヘッダー ページをスクロールしても固定されるナビゲーションを設置しました。また、「お問い合わせ」に飛ぶナビゲーション内も設置しています。 ファーストビュー ファーストビューはサイトの第一印象を決める重要な部分です。キャッチコピーと背景画像を大きく配置し、ブランドの方向性を直感的に伝えられるようにしました。また、右側に女性の画像を置くことで自然とキャッチコピーに目線が行くようにしています。さらに、サイトを開いてすぐに店舗情報が分かるように営業日、営業時間、電話番号を設置しました。 選ばれる理由 選ばれる理由は3つに絞りました。そして、画像についてです。Webデザインの基本として、「誰が見るのか」を意識したビジュアル選びが欠かせません。特に女性をターゲットにしたサイトでは、女性の写真を多く使うことで自然と共感を得やすくなるんです！ 人物写真は「自分に近い存在」としてイメージしやすいです！そのため、女性が登場する画像を多めに配置すると、閲覧者の目を引きやすくなります。 たとえば、カウンセリングのところでは女性同士が話している画像を使用しています。そうすることで、施術者が女性である安心感や実際のカウンセリ