UI Crunch で発表したProttができるまで

1. Prott ができるまで
Story

2. Profile
株式会社グッドパッチ 代表取締役
土屋 尚史
- 3年半前にグッドパッチを起業
- 3年前にUIに事業を絞る
- GunosyのUIを手がけ仕事が増える
- グッドパッチは現在53名
- UIデザイン事業とProttをやってます

3. 先週、第二子が生まれました

4. 昨日リリースのPC Web対応をリリース

5. なぜProttを作ることになったのか？

6. 時は遡ること2013年春

7. グッドパッチはGunosyが当たって以来
1年で約20人くらい人が増えていた

8. しかし、、エンジニアがいない･･

9. でも、Gunosyの実績などから
iOSの案件はどんどん来る

10. この時の大きな課題
パートナーのiOS開発エンジニアとの
コミュニケーション
･うまく伝わらない
･手戻りが多い
･実装してみたら、なんか違う

11. 2013年春にFlintoがβローンチ

12. マジ便利なんですけっど！！！

13. そこから
グッドパッチのデザインプロセスは
一気に変わってしまった

14. プロトタイピングプロセスが入ったことにより
- 設計時点から動かしながら考える事ができる
- デザイナーが動きや遷移、ストーリーを
動かせる事によって想像しやすくなった
- クライアントや開発エンジニアとの
コミュニケーション意思疎通が劇的に改善

15. Flintoを使う中で出てくる不満
- チームでプロジェクト共有がしづらい
- フィードバックがプロトタイプ上で返せない
- なんなら、ワイヤーもツールで書けたら･･

16. あらゆるプロトタイピングツールを調べる

17. これ、自分達で作った方が理想的な
プロトタイピングツールできるんじゃね？

18. これから日本の会社も
プロトタイピングツールを使ったプロトタイ
ピングをプロセスに入れた方が
もっと良いサービスが世の中に生まれて来る
はずだ！

19. しかも、UIの会社のグッドパッチがプロトタイ
ピングツールを作るってかなり文脈合ってる
よし、もう自分達で作ろう！！

20. 暇そうにしてたコバとまつもすを
アサイン
UIデザイナー フロントエンド

21. 2013年10月
プロジェクトスタート

22. ができるまで

23. Prottができるまでは
数々の事件がありました･･

24. 事件簿 その1
プロジェクトスタートしたけど･･
そもそも、エンジニアがいない！

25. 社長に言われたからデザインはじめてるけど、
どうするんだろ？と思ってる2人

26. Prottはシステムよりも先に
デザインから作り始めた
まさにデザイン主導の開発スタイル

27. Wantedlyで募集を始めたら、ラッキーな事に
即効でエンジニア決まる
蟇目さんが入り、開発スピードが劇的に上がる

28. 当初、乗り気じゃなかったデザイナーコバ
えー･･Flintoより
使いやすく
できるんすかね･･？
事件簿 その2

29. 競合ツール上で自社のプロトタイピングツールを作る日々
事件簿 その3

30. 開発当初のUI（※最初からUIは英語）

31. 開発当初のUI（※最初からUIは英語）

32. 開発当初のUI（※最初からUIは英語）

33. 2014年1月ティザーをオープン

34. めっちゃイケてると思ってたUIが実装してみたら
全然使いづらい事件
事件簿 その4

35. ローンチ1ヶ月半前にして
UIを全て作り変えることに･･

36. 今のUIの原型が出来上がる

37. Prottのキャラクターを作ろう！と
GithubのOctcatを書いた人に依頼
だが、ろくなキャラクターを
上げてこない事件
事件簿 その5

39. サンフランシスコで知り合った某アニメーショ
ンスタジオのデザイナーにお願いしてみる

42. Prottの公式キャラクター
TimとRoboが誕生

43. TimとRobo 3D version

44. 毎週金曜日にイテレーションをやり
激論を交わす日々

45. 2014年4月クローズドβテスト開始

46. 事件簿 その6
バグが多すぎて、社内でも
誰も使ってくれない日々･･

47. 事件簿 その7
なかなか出来上がらないiOSアプリ

48. 事件簿 その8
ランディングのデザインをPO⃝にパクられる

49. ユーザーインタビューと改善の日々

50. 2014年10月正式ローンチ

51. ローンチから4ヶ月

52. 登録ユーザー数 1万7000人
世界38カ国1658都市で利用

53. エンタープライズ版もこんな会社に使っていただいてます。

54. Prottチーム
開発当初3人 → 現在14人

55. 売上もぼちぼち立ってきてはいるが
未だに毎月600万の赤字

56. ユーザーに喜んでもらえるように
良いツールにするために
改善すべくガンガン投資しています。

57. Prottを作る上で
大切にしていること

58. サポート体制
フィードバックや問い合わせはすぐ対応

59. 週一のイテレーション
ユーザーの声をチームで周知し、機能に反映

60. 月1のPrott User Meetup
チームがユーザーの声を直接聞く機会を大事に

61. 海外でもWorkshopを開催

62. ユーザーと一緒にデザインしていく
感覚をとても大事にしています。

63. なぜ、グッドパッチが
大赤字を出しながらもProttを
作っているのか？

64. ユーザーに求められるプロダクトを作るため
コミュニケーションが活発なチームを作るために
プロトタイピングは
とても重要なプロセス

65. 日本のデザインプロセスに
プロトタイピングを浸透させ
素晴らしいプロダクトをより多く
生み出せる土壌を作る！

66. Prottを日本発のサービスとして
世界中で使われるサービスに育てる！

67. 今後追加される体験
ワイヤーフレームを作る
一つのリンク範囲に複数のジェスチャー
PSD,Sketch連携

68. Prottで世界に挑戦したい
UIデザイナー、エンジニア待ってます！