WEB制作【Hair Salon CO:RON】/砂田育子様

【URL】https://hair-salon-coron.web.app/

【サイト名】Hair Salon CO:RON

【内容】コンセプトやお店の強み、お店ならではのオリジナリティを紹介。

【制作期間】約2ヶ月

【使用ツール】figma, Photoshop, Atom

◆クライアント情報

「ミドル世代の女性達が、第３の場所の様に気軽に訪れたくなるようなヘアサロンを開業したい」という想いから独立して出店予定。これからの活動を発信・認知拡大のためにウェブサイトを作りたいとのことでした。現在オープンに向けて準備中。

◆ヒアリングで世界観の整理

◎伝えたい印象

・落ち着いた雰囲気、緑や木

・カジュアルフォーマル

・個人サロン、隠れ家

・優しい、癒されそう

◎キーワード

・癒される、憩い

・心が開く

・落ち着く、温かい

・時間を忘れる

・悩みが吹っ飛ぶ

・ブラウン、ベージュ、ホワイト、グレージュ

◆サイト目的

サイトからどんな特徴のサロンなのか理解を深め、予約に繋げる。

【ゴール】毎月200件の予約が入る状態

◆ターゲット

近所でお手頃でこじんまりとしたサロンに変更したいと思っている。新しくサロンを探している。友達のように気軽に話せる美容師を求めている。若い見えするオシャレなヘアスタイルに出会いたい。

ペルソナ：50~60代の専業主婦。子供は巣立っている。アンチエイジングで若くオシャレしたい。

◆コンセプトのキャッチコピー考案課程

ヒアリングで頂いた情報やお店のイメージ、伝えたい印象などを整理し、コピーを考案しました。

・コロン(coronと colon)は、違う意味合いが込められている。Coronは、香水の中でも1番濃度の低い。ふんわり身にまとう香り。Colonは、「：」すなわちイコール。

・好きな匂いで自分自身が幸せな気持ちになる瞬間。身にまとう幸せ＆表現の幸せ＝アイデンティティの一致。自分に自信が持てる。自分らしさを取り戻してくれる場所。

◆工夫したポイント

【世界観表現】気軽に訪れたくなるような温かみのある雰囲気をカラーとフォントで表現。写真は全てPhotoshopで色彩を近づけ、ピンクみのある温かい雰囲気にした。サイト内のコピーライティングを考案し、ミドルエイジ層にどんなサロンなのか伝わるように工夫した。Googleマップもトンマナに合わせた色合いにした。

 【視認性】ペルソナが見やすいように、余白を多くとり、見出しと本文のメリハリをつけ、文字間も程よく設定した。アニメーションをつけて、サイトの滞在時間を長くする効果。