WORKS

出張＆プライベートネイルサロン Kino Nail様

Website
2023/4/10〜
URL: https://kinonail.com/index.html

目的

  • 個人サロンを開業したため、藤が丘・青葉台付近でネイルサロンを探しているOLの方や、小さな子どもがいてなかなかネイルサロンまで通うのが難しい方、子連れで通えるネイルサロンを探している方の新規顧客の獲得。
  • 個人サロンが溢れている世の中で、しっかりとしたホームページを作成している方は少ないので、他の個人サロンとの差別化、信頼感を与えるため。

制作担当箇所

ターゲット・ペルソナ設定、デザイン調査、ワイヤーフレーム、デザイン、コーディング

ターゲット/ペルソナ

ターゲット

20〜40代のOL・子育て中のお母さん

ペルソナ

  • 年齢：33歳
  • 家族構成：夫、子ども（3歳）
  • 職業：事務職会社員
  • 年収：250万円
  • 趣味：旅行、お買い物
  • 性格：ファッションが大好き、毎月ご褒美として自分に1〜2万円ほどお金をかける、
    月に一度は子どもを夫に預けて友人と食事に行くことがストレス発散方法
  • 悩み：子どもとの時間を大切にしつつ、自分磨きを怠りたくないけれど、
    どちらかを犠牲にしないと時間が作れない

デザイン案

今回の目的、ターゲット・ペルソナ像から、ネイルサロンだけでなく幅広くサロンサイトを調査した上で、デザイン案を作成いたしました。

使用カラー

使用フォント

和文フォント：Noto Sans JP ,ひな明朝
欧文フォント：Garamond

デザインポイント

  • 価格帯として安い方ではないので、安っぽさを感じさせない落ち着いたデザインに。
  • 自宅＆出張サロンでどんな人が施術してくれるのかの不安要素を早めになくすためにMVの下に自己紹介と写真を配置。
  • ネイルサロンを検討している人が知りたいと想定される順に情報を載せ、リピーターの方はすぐに最新情報が分かるようフローティングバナーを設置。
  • 基本的にはこの1ページで完結できるようにし、補足としてメニューとギャラリーと出張ページを作成。
  • 出張ページでは情報量が多いので、各情報をアコーディオンにて全体的なすっきりとしたイメージはそのままに。

デザイン詳細内容

レイアウト

余白をしっかりと持たせながら、各セクションの見出しと背景色を切り分け、それぞれの内容が区切られていることを視覚的に分かりやすいようにしました。
また、単調になり過ぎないよう動きも追加しました。

ネイルサロンはデザインの質はもちろんですが、まずはネイリストと価格が知りたいであろうと想定し、訪問したユーザーがすぐに確認したいであろうリンク先をPC、スマホともにヘッダーに設置し探さなくてもすぐにクリックできるようにしました。
メニューもネイルサロンをリサーチした際に、分かりにくいサイトが多かったため、メニュー項目も一からクライアントと考え、よりシンプルにそして分かりやすいように変更しました。
出張ネイルは行っているところといないところとあるので、ここのサロンでは行っているということがFVで認識できるようにし、様々な事情で出張ネイルを検討している方に見ていただけるようにしました。
予約についても、リピーターの方がすぐに確認できるようホバーで設置しています。

配色＆フォント

30代女性をターゲットにしたであろうサイトを調査し、高級感を持たせるためには明朝系のフォントが良いと考え見出しで使用し、本文はじっくり読んでいただけるよう読みやすいようnoto sansにしました。
WEBサイト制作以前に依頼をいただいたロゴを作成した際にミモザ（花言葉は思いやり）の花を使用し、自然を意識したもの、かつサロンのコンセプトが『爪にもママさんにも優しいサロン』のため、癒し効果＆安心感のあるグリーンを使用しました。
アクセントカラーはロゴのミモザの色味から選定しました。

合わせて制作した物

ロゴ

名刺

使用ツール

Photoshop / Illustrator / XD / Visual Studio Code

制作期間

企画・ワイヤーフレーム：6日
デザイン：2週間
コーディング：2週間

フィードバック

クライアント様の方で様々なサイトにプロフィールを掲載されており、こちらの公式HPのURLも貼り付けていただいているので、固定客になっていただいた方からはブログや各掲載サイトからこちらのホームページに行きつき、雰囲気が良いため利用してみたとの声をたくさんいただいているようです。
OTHER WORKS