Process of redesign salonLP

Transcript

1. 作品紹介 スマホ⽤メンズヒゲ脱⽑サロン
   LP仮想リニューアル UX設計編

2. -⾚⾊の強調⾊を減らし、信頼・安⼼の印象を与える⻘⾊を増やしました -アコーディオンやボトムナビゲーションを追加しました -ヒゲ以外の情報（体や⾜など）を⼀部除きました 解決施策 -情報をヒゲに集中させたい -機能を充実させて情報を⾒つけやすくしたい -強調⾊を減らして怪しさを消したい 課題 メンズサポートクリニック ホーム

   9:41 まずはご相談を！ 医療法人社団　清佑会 メンズサポートクリニック 60h

3. Persona -ヒゲにコンプレックスを抱えて脱⽑に⾏く⼈物の⼀例- 名前:
   塩沢 光洋（しおざわ みつひろ）
   年齢:
   26
   性別:
   男(未婚)
   同居家族構成:
   親・親族(神奈川県、実家暮らし)
   職業:
   メーカー営業(5年⽬、東京)
   年収:
   344万円、⼿取り277万円、⽉収23万円
   
   
   
   
   
   
   
   
   ボーナス無し、貯⾦額297万円
   
   
   
   6:00
   起床、準備
   

   
   
   
   
   7:00
   通勤
   
   
   
   
   8:30
   出勤
   
   
   
   
   9:00
   朝礼、ミーティング(15分)
   
   
   
   
   10:00
   資料、伝票、書類準備
   
   
   
   
   10:30-12:00
   午前中の営業活動 12:00-13:00
   昼⾷
   13:00-17:00
   午後の営業、新規店舗への⾶び込み営業
   17:30-18:00
   注⽂内容の再確認、営業⽇報
   19:30
   帰宅(1.5h)
   19:30-24:00
   ⼣⾷、⼊浴、明⽇の準備
   24:00
   就寝 １０代から２０代の顧客
   が全体の５９％を占め、
   営業職は特に⾒た⽬を
   気にする（メンズBBより）

4. ストーリーボード ネットで脱⽑サロンが
   流⾏っているらしい。 毎回ひげ剃り⾯倒だし
   少し気になるなあ。 そうだ、電話をして
   直接質問をしてみよう いくら？
   どれくらいの期間？
   どれくらい痛い？

   情報抽出 情報抽出 ブラウザ
   /
   電話 電⾞内
   /
   ⾃宅 必須情報

5. 情報設計 安いのかもしれない
   けど払うか迷うなあ
   まだ不安だし... 駅から近いしこれなら
   通いやすいな！ なるほど！痛みやかかる時間
   について悩み解決できたかも！
   だけどクリニックはどこにある？ 先⽣もしっかりしてる
   

   しこれなら安⼼だな！
   電話してみよう！ 価格 Q&A アクセス 医師紹介 無料相談 コンテンツ設計 安⼼感を感じる メリットを感じる ⾝近に感じる 全体条件

6. 作品紹介 スマホ⽤メンズヒゲ脱⽑サロン
   LP仮想リニューアル UI設計編

7. ヘッダー Before After -機能充実で⾏動しやすく＆強調⾊のカットで安⼼感アップ- 強調⾊のカット 1. ヘッダーの固定 2. 情報量調整 3.

   メニュー ボトムナビゲーション Point

8. ⼝コミページ-安⼼をより⾝近に- ペルソナが脱⽑について⾝近と感じ
   るようにし、不安が解消できるように
   専⽤ページを作りました。 不安解消と
   ⾝近な感じ。 不安解消と
   ⾝近な感じ。

9. ランキング/料⾦プラン-迷わないようにジャム理論に注意- Before After 選択肢が多いほど
   迷いが⽣じやすい ジャム理論 ヒアリング ⿇酔について電話で
   ヒアリングしました

10. Before After 案内ボタン/保証 -安⼼感と分かりやすさを- ⼈はチャンクにした⽅が情報を理
    解しやすく短期記憶しやすくなる ミラーの法則 0312345678 03-1234-5678 主張の強い⾚⾊を⼀部カット

    1. チャンク化で可読性向上 2. 情報量調整 3. Point

11. Q&A Before After -質問の折りたたみ＆⾃然な流れに- 個⼈の悩み ⾏動 情報の順番を
    整理しました 情報の順番を
    整理しました

    悩みの順番が⾃然になるよう
    に、徐々に視野が広くなってい
    くように情報を整理しました。
    加えて質問を厳選し、Q＆Aを
    アコーディオンにしました。

12. アクセス Before After ・
    ・
    ・ -駅近を活かしてシンプル化- ⽴地が駅に近いこと、
    ペルソナがスマホ世代
    であることから写真で
    

    の案内を消しました。 スマホ⾒れば
    簡単アクセス