【掲載実績】MEN'S SUILIN様 HPデザイン

----------------------------------------------------------------

制作時間：2ヶ月

制作範囲：情報設計・構成・文章作成・デザイン作成・実装

使用ツール：Photoshop・STUDIO

----------------------------------------------------------------

●制作要件

・クライアント情報

＜クライアント名：MEN'S SUILIN様＞
「男性が美容に触れる世界を実現したい」という想いからオープンした男性の特化した眉サロンで、骨格×表情筋×理想の眉の形よりプロのスタッフがお客様に合った眉毛を提案・施術する。

・目的

男性に特化した眉サロン、「MEN'S SUILIN」をオープンすることになったため、サロンについて知ってもらうこと。

・ターゲット

✳︎ 20~50代 の男性

✳︎ 営業職・サービス業などお客様と対面する、意識がある方

✳︎ 自分に似合う眉がわからない方

✳︎ 垢抜けてかっこよくなりたい方

●制作したHP

●制作のポイント

【情報設計】

①店内の画像や施術がわかる写真を複数枚追加

画像を増やすことで、「どんなお店なのか？」「施術の流れは？」など利用するにあたってのイメージを持ってもらいやすくする。

②こだわりを紹介

３つのこだわりとそれぞれの内容に合わせた画像を掲載することで、サービス内容とサロン独自の強みの理解向上・興味を持ってもらう。

③別でQ&Aページを追加

MEN'S SUILIN様にもヒアリングさせていただいき、よくいただく質問をトップページに配置、さらに他にも気になる方はQ＆Aページに飛んでいただくことで他のQ&Aもご確認いただけるようにしました。眉サロン利用が初めての方にも安心してご利用いただくことが目的。

【ビジュアルデザイン面】

①コンセプト

・「プロフェッショナル」「洗練されたイメージ」

・営業職やサービス業で働く身だしなみや見た目への意識の高い男性がテーマ

②配色（ビジュアルを用意）

・ベースカラー（白・薄いブルー）

メイン・アクセントのカラーが引き立つように白を活用。またブルーで落ち着いた雰囲気の演出。

・メインカラー（ネイビー）

ビジネスシーンでよく使用される色を利用することで堅実さや知性を表現。

・アクセントカラー（ゴールド）

ゴールドをアクセントカラーとし洗練された印象になるように。

「予約ページに遷移する」「関連ページへ飛ぶ」意識を向けてほしいボタン部分にゴールドを利用。

③フォント

・コンセプトに合った洗練されていて品のある「Noto Sans JP」を使用。

・男性がターゲットのため、選定したフォントの太さを太めにして力強さを表現。

【デザイン】

①FVについて

FVとその下の部分、背景をネイビーのシルクを使用し、高級感演出しています。

またキャッチコピーの「自分磨きは眉から〜」のイメージに合う「眉から自分磨きを始める、最初の一歩を踏み出した男性」をイメージして、男性が前に進み出しているような写真を使用しています。

②CTAボタン

ボタンのカラーにはコンセプトにあった洗練された印象になるようゴールドを使用し、ベースカラーとは差別化を図ることで視覚的な訴求ができるデザインにしました。 

③オススメコースの差別化

一番オススメなコースは他の２コースに比べて、サイズを大きく、王冠をつけて目立たせることで、すぐに目に入ってくるよう情報の優先順位にメリハリをつけました。