2013/06/26(水) に開催した スタートアップのデザイナー4人が語る、新しい価値を生み出すデザインプロセス http://eventregist.com/e/SoDjxLSoKmRO のココナラのデザインプロセス事例の紹介です。

1. 使ってもらうサービスを作る
デザインプロセス
株式会社ウェルセルフ 新明 智

2. 株式会社ウェルセルフ
設立1年半、創業チーム3人から始まって現在は
フルタイム6人

3. ココナラとは

4. 知識・スキルのマーケットプレイス
個人の得意を一律500円で売買できるのが特徴

5. 全21ジャンル
約8,800種類のサービス

6. リアルでは会わない
オンラインで完結するサービスのみ

7. 取引件数：35,000件
日本最大級のマーケットプレイス
ユーザー数：59,000人
2012年7月ローンチ

8. ココナラで人気のサービス

9. Facebookで似顔絵をプレゼント

10. マグカップにして両親に

11. ◎＝大吉 ○＝吉 ●＝凶 ●＝大凶
7
3
11
（木）
人格
○
8
8
26
（土）
総格
●
あなたの成功運【大吉】天格（水）＋人格（木）
天より恵みの甘露の雨で、草木がハツラツと育成し伸展するような急速な事業の発展があるでしょう。
活気があって、希望も多く、万事思いのままに成功する素晴らしい運勢です。
あなたの基礎運【大吉】人格（木）＋地格（土）
豊穣な大地の栄養を得て、土地に根を張り大樹と成育するような強運を持ち、事業面での発展も旺盛です。家庭運、財運、健康運の全て
におても恵まれる強運の運勢です。
あなたの社会運【吉】天格（水）＋外格（土）
男女ともに魅力のある性格で多くの人から好感を持たれます。事業運、財運共によく、有力な方からの援助、引立てを得て成功する。
（土）
外格
◎
15
10
（水）
天格
●
16
（土）
地格
○
【天格】
ご先祖様から与えられた運勢で、血筋や家運を示し
ます。吉凶には関係なく、姓名の他の文字との関係
でのみ吉凶を生じます。
…吉凶に関係がないため省略。
【人格】
成功運格で、一生を通じての仕事・事業運、結婚運、
真の性格の裏表をします。30歳後の後半生の運勢の
吉凶、盛衰を示し、姓名の心臓部的な重要な格です。
…外見とは違い、内面に強い意志を持ち、多くの人
に信頼されるタイプ。知的才能があり、指導的な立
場となる有徳な順調な運。
【地格】
青年運・家庭運・健康運・財運を示す基礎運格です。
一生の家庭、肉親、健康運と、30歳までの初年時期
の運勢の吉凶を示します。
…指導者などのリーダータイプ。積極的な行動力で
目的を達成する男性的なダイナミックタイプ。
【総格】
一生を通じての運勢の吉凶を示します。他の格の数
に凶数があっても、総格数が吉数であれば大いに助
けられます。一生運とともに、特に晩年の運勢の吉
凶に大きく影響されます。
…英雄的運勢であるが、波乱で、浮沈みもある運勢。
男性的で積極的で努力家。人の為に尽くす事ができ、
人からも信用される。
【外格】
対人関係、家族との関係など、自己を取り巻く全て
の環境運を示す環境運格です。一生の健康、対人関
係、肉親関係など、自己の周囲の運勢の吉凶を示し、
外格に凶があると、考えもしなかった迷惑や災難が
周囲の人によってもたらされることがあります。
…財運もあり、事業に恵まれ温厚。徳望がある大吉
運。
COORIDANATE 1
テーマ色：ベージュ／ダークトーン
＜コート＞ZARA トレンチコート
http://www.zara.com/webapp/wcs/stores/servlet/product/jp/en/zara-jp-
W2012/269183/1017011/COAT%20WITH%20GATHERING%20ON%20THE%20SHOULDER
＜ネイビーワンピース＞MANGO
http://shop.mango.com/JP/p0/mango/商品/ワンヒース/テイリー/コントラストストライフワンヒース
/?id=71440125_N1&n=1&s=prendas.vestidosprendas&ie=0&m=&ts=1354424703730
＜ボルドーワンピース＞ZARA
http://www.zara.com/webapp/wcs/stores/servlet/product/jp/en/zara-jp-
W2012/269185/1013507/PUFF%20SLEEVE%20DRESS
＜シューズ／アクセサリー＞ZARA
PERSONAL STYLYST
姓名判断やファッションコーディネートまで

12. 自己紹介

13. 自己紹介
新明 智（シンミョウ サトシ）
株式会社ウェルセルフ
共同創業者 取締役 UIデザイナー

14. ココナラで人気のサービス
赤枠の部分を
ざっくりと担当

15. ココナラの立ち上げ時の
デザインプロセス

16. （UX白書より抜粋）
使ってもらうには
アーリーアダプターに使ってみたいと思わせるために
・サービスの価値を正しく伝える
・ビジュアルで訴求する

17. ココナラらしさ
人にフォーカス
多様な価値観が表現されている場

18. ・新規性のあるビジュアル
・ECとして買える感をだす
・コミュニティらしさ
デザインオーダー

19. 新規性のあるビジュアル

20. 新規性のあるビジュアル
目新しい = 使ってみる価値があると判断しやすい
凹凸の少ないデザイン 丸型アイコン マルチカラーのヘッダー
トレンドに沿ったココナラらしさがでるデザイ
ンを取捨選択

21. ヘッダーデザイン

22. 丸型アイコン

23. 新規性のあるビジュアル
タイルUI

24. コミュニティらしさ

25. コミュニティらしさ
・日本らしいコミュニティのトンマナを踏襲
・人を中心に見せたデザイン
・自分も参加できる雰囲気
→洗練させ過ぎない

26. ECとして買える感をだす

27. ECとして買える感をだす
運営者の定性的な判断を重視
当時の会話「うーん、買う気起きない」
結果的に意識したこと
・ECメタファーを入れる（ボタンなど）
・固さを意識

28. ECメタファーを入れる（ボタンなど）

29. 固さを意識 ：細かすぎて伝わらないデザイン
決済部分だけ
フォームデザインを変
えている
共通フォーム

30. Appendix
ボタンは各ECのボタンをEvernoteに保存して比
較検討（その数50以上…）

31. 検証方法

32. 定性的なユーザーテスト
・自分たちのサイトを教えず複数のサイトをみせてそ
れぞれ意見をもらう
・ユーザーに触らせて思考発話法でしゃべってもらう

33. 現在のデザインプロセス

34. データドリブンと定性インタビューの
組み合わせ

35. データドリブン

36. データドリブン
仮説・実装
課題
検証と学習
デザインも各KPIに沿って改善する
デザインを改善する理由をデータから特定する
特定KPIの改善（ex お気に入りが押さ
れる数の増加、MAUの改善）
色・文字を変えて視認性を改善するな
どの仮説をたてて実装
リリース後にKPIが改善したか定量的な
指標で検証し、学習する

37. 事例1：登録後1週間以内の購入率
仮説・実装
課題
検証と学習
登録後1週間以内の購入率をあげる
登録前のTOPページで購入者にココナ
ラの購入側メリットを強調するとあが
ると仮説をたて実装
8∼10%の推移から16∼20%の推移に
改善。ただしサインアップ率が下がっ
てしまった。

38. 事例2：登録率を上げる
仮説・実装
課題
検証と学習
登録率を上げる
アナリティクスツールを検証し、TOP
の一番上のキャッチコピーを読んで離
脱することを確認。購入側に訴求する
ように変更してA/Bテストをする
PC版では変わらず、スマホ版では顕著
に変更後の文言で登録率（-6%）が下
がった。

39. Appendix：キャッチコピー変更
Original:「出品数7000件」
Variation:「解決したお願い3万件！日本最大級のワンコインマーケット」

40. 定性インタビュー

41. 定性インタビューの内容
実施時間：約1h
実施周期：2ヶ月に1度
目的：自分達のサイトの中で今後のメインターゲット
になりうるユーザーにインタビューをして定性的な情
報を集め仮説を作る
内容：ココナラの利用目的の調査、以前の代替手段の
把握、ユーザーのセルフゴールの把握

42. 定性インタビューがなぜ必要か
データドリブンで行くと今のユーザーに最適化してし
まうリスクがある。
自分達のサイトの中で今後のメインターゲットになり
うるユーザーにインタビューをすることで、現在最適
化な施策（local maximize）に偏らないようにす
る。

43. 今後やっていきたいこと

44. 仮説・実装・検証サイクルの高速化
デザインリソースの整理・標準化
デザインの検証方法・サイクルの確立
・ユーザーインタビュー
・ユーザーテスト

45. ココナラではデザイナー、エンジニアを募集し
ています。一緒に社会を変えるプロダクトを作
りましょう！
http://welself.com/#recruitBlock