Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Process of redesign salonLP
Search
Can Hikida
July 24, 2020
0
79
Process of redesign salonLP
Can Hikida
July 24, 2020
Tweet
Share
More Decks by Can Hikida
See All by Can Hikida
Process of redesign labHP
candesigner
0
29
Banner
candesigner
0
190
Profile
candesigner
0
24
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
24
5.7k
Atom: Resistance is Futile
akmur
258
25k
In The Pink: A Labor of Love
frogandcode
137
21k
For a Future-Friendly Web
brad_frost
170
8.9k
GraphQLの誤解/rethinking-graphql
sonatard
48
9.1k
Designing with Data
zakiwarfel
94
4.8k
A designer walks into a library…
pauljervisheath
199
23k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
19
1.6k
Agile that works and the tools we love
rasmusluckow
323
20k
Product Roadmaps are Hard
iamctodd
43
9.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
24
2.2k
Designing Experiences People Love
moore
135
23k
Transcript
作品紹介 スマホ⽤メンズヒゲ脱⽑サロン LP仮想リニューアル UX設計編
-⾚⾊の強調⾊を減らし、信頼・安⼼の印象を与える⻘⾊を増やしました -アコーディオンやボトムナビゲーションを追加しました -ヒゲ以外の情報(体や⾜など)を⼀部除きました 解決施策 -情報をヒゲに集中させたい -機能を充実させて情報を⾒つけやすくしたい -強調⾊を減らして怪しさを消したい 課題 メンズサポートクリニック ホーム
9:41 まずはご相談を! 医療法人社団 清佑会 メンズサポートクリニック 60h
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就寝 10代から20代の顧客 が全体の59%を占め、 営業職は特に⾒た⽬を 気にする(メンズBBより)
ストーリーボード ネットで脱⽑サロンが 流⾏っているらしい。 毎回ひげ剃り⾯倒だし 少し気になるなあ。 そうだ、電話をして 直接質問をしてみよう いくら? どれくらいの期間? どれくらい痛い?
情報抽出 情報抽出 ブラウザ/電話 電⾞内/⾃宅 必須情報
情報設計 安いのかもしれない けど払うか迷うなあ まだ不安だし... 駅から近いしこれなら 通いやすいな! なるほど!痛みやかかる時間 について悩み解決できたかも! だけどクリニックはどこにある? 先⽣もしっかりしてる
しこれなら安⼼だな! 電話してみよう! 価格 Q&A アクセス 医師紹介 無料相談 コンテンツ設計 安⼼感を感じる メリットを感じる ⾝近に感じる 全体条件
作品紹介 スマホ⽤メンズヒゲ脱⽑サロン LP仮想リニューアル UI設計編
ヘッダー Before After -機能充実で⾏動しやすく&強調⾊のカットで安⼼感アップ- 強調⾊のカット 1. ヘッダーの固定 2. 情報量調整 3.
メニュー ボトムナビゲーション Point
⼝コミページ-安⼼をより⾝近に- ペルソナが脱⽑について⾝近と感じ るようにし、不安が解消できるように 専⽤ページを作りました。 不安解消と ⾝近な感じ。 不安解消と ⾝近な感じ。
ランキング/料⾦プラン-迷わないようにジャム理論に注意- Before After 選択肢が多いほど 迷いが⽣じやすい ジャム理論 ヒアリング ⿇酔について電話で ヒアリングしました
Before After 案内ボタン/保証 -安⼼感と分かりやすさを- ⼈はチャンクにした⽅が情報を理 解しやすく短期記憶しやすくなる ミラーの法則 0312345678 03-1234-5678 主張の強い⾚⾊を⼀部カット
1. チャンク化で可読性向上 2. 情報量調整 3. Point
Q&A Before After -質問の折りたたみ&⾃然な流れに- 個⼈の悩み ⾏動 情報の順番を 整理しました 情報の順番を 整理しました
悩みの順番が⾃然になるよう に、徐々に視野が広くなってい くように情報を整理しました。 加えて質問を厳選し、Q&Aを アコーディオンにしました。
アクセス Before After ・ ・ ・ -駅近を活かしてシンプル化- ⽴地が駅に近いこと、 ペルソナがスマホ世代 であることから写真で
の案内を消しました。 スマホ⾒れば 簡単アクセス