68
Prott ができるまで Story

Prott Story ( Prottができるまで )

Embed Size (px)

Citation preview

Page 1: Prott Story ( Prottができるまで )

Prott ができるまでStory

Page 2: Prott Story ( Prottができるまで )

Profile

株式会社グッドパッチ 代表取締役

土屋 尚史

- 3年半前にグッドパッチを起業 - 3年前にUIに事業を絞る - GunosyのUIを手がけ仕事が増える - グッドパッチは現在53名 - UIデザイン事業とProttをやってます

Page 3: Prott Story ( Prottができるまで )

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

Page 4: Prott Story ( Prottができるまで )

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

Page 5: Prott Story ( Prottができるまで )

なぜProttを作ることになったのか?

Page 6: Prott Story ( Prottができるまで )

時は遡ること2013年春

Page 7: Prott Story ( Prottができるまで )

グッドパッチはGunosyが当たって以来

1年で約20人くらい人が増えていた

Page 8: Prott Story ( Prottができるまで )

しかし、、エンジニアがいない・・

Page 9: Prott Story ( Prottができるまで )

でも、Gunosyの実績などから

iOSの案件はどんどん来る

Page 10: Prott Story ( Prottができるまで )

この時の大きな課題

パートナーのiOS開発エンジニアとの

コミュニケーション

・うまく伝わらない

・手戻りが多い

・実装してみたら、なんか違う

Page 11: Prott Story ( Prottができるまで )

2013年春にFlintoがβローンチ

Page 12: Prott Story ( Prottができるまで )

マジ便利なんですけっど!!!

Page 13: Prott Story ( Prottができるまで )

そこから

グッドパッチのデザインプロセスは

一気に変わってしまった

Page 14: Prott Story ( Prottができるまで )

プロトタイピングプロセスが入ったことにより

- 設計時点から動かしながら考える事ができる - デザイナーが動きや遷移、ストーリーを

動かせる事によって想像しやすくなった - クライアントや開発エンジニアとの

コミュニケーション意思疎通が劇的に改善

Page 15: Prott Story ( Prottができるまで )

Flintoを使う中で出てくる不満

- チームでプロジェクト共有がしづらい - フィードバックがプロトタイプ上で返せない - なんなら、ワイヤーもツールで書けたら・・

Page 16: Prott Story ( Prottができるまで )

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

Page 17: Prott Story ( Prottができるまで )

これ、自分達で作った方が理想的な

プロトタイピングツールできるんじゃね?

Page 18: Prott Story ( Prottができるまで )

これから日本の会社も

プロトタイピングツールを使ったプロトタイ

ピングをプロセスに入れた方が

もっと良いサービスが世の中に生まれて来る

はずだ!

Page 19: Prott Story ( Prottができるまで )

しかも、UIの会社のグッドパッチがプロトタイ

ピングツールを作るってかなり文脈合ってる

よし、もう自分達で作ろう!!

Page 20: Prott Story ( Prottができるまで )

暇そうにしてたコバとまつもすを

アサイン

UIデザイナー フロントエンド

Page 21: Prott Story ( Prottができるまで )

2013年10月

プロジェクトスタート

Page 22: Prott Story ( Prottができるまで )

ができるまで

Page 23: Prott Story ( Prottができるまで )

Prottができるまでは

数々の事件がありました・・

Page 24: Prott Story ( Prottができるまで )

事件簿 その1

プロジェクトスタートしたけど・・

そもそも、エンジニアがいない!

Page 25: Prott Story ( Prottができるまで )

社長に言われたからデザインはじめてるけど、

どうするんだろ?と思ってる2人

Page 26: Prott Story ( Prottができるまで )

Prottはシステムよりも先に

デザインから作り始めた

まさにデザイン主導の開発スタイル

Page 27: Prott Story ( Prottができるまで )

Wantedlyで募集を始めたら、ラッキーな事に

即効でエンジニア決まる

蟇目さんが入り、開発スピードが劇的に上がる

Page 28: Prott Story ( Prottができるまで )

当初、乗り気じゃなかったデザイナーコバ

えー・・Flintoより

使いやすく

できるんすかね・・?

事件簿 その2

Page 29: Prott Story ( Prottができるまで )

競合ツール上で自社のプロトタイピングツールを作る日々

事件簿 その3

Page 30: Prott Story ( Prottができるまで )

開発当初のUI(※最初からUIは英語)

Page 31: Prott Story ( Prottができるまで )

開発当初のUI(※最初からUIは英語)

Page 32: Prott Story ( Prottができるまで )

開発当初のUI(※最初からUIは英語)

Page 33: Prott Story ( Prottができるまで )

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

Page 34: Prott Story ( Prottができるまで )

めっちゃイケてると思ってたUIが実装してみたら

全然使いづらい事件

事件簿 その4

Page 35: Prott Story ( Prottができるまで )

ローンチ1ヶ月半前にして

UIを全て作り変えることに・・

Page 36: Prott Story ( Prottができるまで )

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

Page 37: Prott Story ( Prottができるまで )

Prottのキャラクターを作ろう!と

GithubのOctcatを書いた人に依頼

だが、ろくなキャラクターを

上げてこない事件

事件簿 その5

Page 38: Prott Story ( Prottができるまで )
Page 39: Prott Story ( Prottができるまで )

サンフランシスコで知り合った某アニメーショ

ンスタジオのデザイナーにお願いしてみる

Page 40: Prott Story ( Prottができるまで )
Page 41: Prott Story ( Prottができるまで )
Page 42: Prott Story ( Prottができるまで )

Prottの公式キャラクター

TimとRoboが誕生

Page 43: Prott Story ( Prottができるまで )

TimとRobo 3D version

Page 44: Prott Story ( Prottができるまで )

毎週金曜日にイテレーションをやり

激論を交わす日々

Page 45: Prott Story ( Prottができるまで )

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

Page 46: Prott Story ( Prottができるまで )

事件簿 その6

バグが多すぎて、社内でも

誰も使ってくれない日々・・

Page 47: Prott Story ( Prottができるまで )

事件簿 その7

なかなか出来上がらないiOSアプリ

Page 48: Prott Story ( Prottができるまで )

事件簿 その8

ランディングのデザインをPO◯にパクられる

Page 49: Prott Story ( Prottができるまで )

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

Page 50: Prott Story ( Prottができるまで )

2014年10月正式ローンチ

Page 51: Prott Story ( Prottができるまで )

ローンチから4ヶ月

Page 52: Prott Story ( Prottができるまで )

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

Page 53: Prott Story ( Prottができるまで )

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

Page 54: Prott Story ( Prottができるまで )

Prottチーム

開発当初3人 → 現在14人

Page 55: Prott Story ( Prottができるまで )

売上もぼちぼち立ってきてはいるが

未だに毎月600万の赤字

Page 56: Prott Story ( Prottができるまで )

ユーザーに喜んでもらえるように

良いツールにするために

改善すべくガンガン投資しています。

Page 57: Prott Story ( Prottができるまで )

Prottを作る上で

大切にしていること

Page 58: Prott Story ( Prottができるまで )

サポート体制

フィードバックや問い合わせはすぐ対応

Page 59: Prott Story ( Prottができるまで )

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

Page 60: Prott Story ( Prottができるまで )

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

Page 61: Prott Story ( Prottができるまで )

海外でもWorkshopを開催

Page 62: Prott Story ( Prottができるまで )

ユーザーと一緒にデザインしていく

感覚をとても大事にしています。

Page 63: Prott Story ( Prottができるまで )

なぜ、グッドパッチが

大赤字を出しながらもProttを

作っているのか?

Page 64: Prott Story ( Prottができるまで )

ユーザーに求められるプロダクトを作るため

コミュニケーションが活発なチームを作るために

プロトタイピングは

とても重要なプロセス

Page 65: Prott Story ( Prottができるまで )

日本のデザインプロセスに

プロトタイピングを浸透させ

素晴らしいプロダクトをより多く

生み出せる土壌を作る!

Page 66: Prott Story ( Prottができるまで )

Prottを日本発のサービスとして

世界中で使われるサービスに育てる!

Page 67: Prott Story ( Prottができるまで )

今後追加される体験

ワイヤーフレームを作る

一つのリンク範囲に複数のジェスチャー

PSD,Sketch連携

Page 68: Prott Story ( Prottができるまで )

Prottで世界に挑戦したい

UIデザイナー、エンジニア待ってます!