SlideShare une entreprise Scribd logo
1  sur  37
Télécharger pour lire hors ligne
ランサーズ株式会社 竹中 哲
猪爪さん勉強会 @Money Forward 様 vol.1
デザインレビューでの
ディスカッションにおける
成功例、失敗例
あんた誰
ランサーズ(株)チーフデザイナー
竹中 哲
元ニフティ株式会社。
WEB・モバイル、紙、動画、ロゴ、駅広告、新規事業企画
まで幅広く携わる。
ランサーズのリニューアルをデザインから進め、
サービス全体のアートディレクションとデザインの指揮をとる。
趣味:フットサル(交流戦しましょ!)・美術館
ランサーズってなに
「企業」と「クリエイター」をつなぐマッチングサイトのデザイナー。
ランサーズってなに
マ
ネ
ー
フ
ォ
ワ
ー
ド
様
、
ご
利
用
あ
ざ
ま
す
!
企
業
様
に
も
、
だ
ん
だ
ん
使
っ
て
い
た
だ
け
る
よ
う
に
な
り
ま
し
た
。
興
味
あ
る
方
、
ご
相
談
く
だ
さ
い
。
・とことん Deレビューした話
・Dir に任せた話
・自分で全部やった話
・とことん Deレビューした話
・Dir に任せた話
・自分で全部やった話
とことん De レビューした話
入社間もない頃は、
デザインレビューを投げまくってました。
とことん De レビューした話
入社間もない頃は、
デザインレビューを投げまくってました。
当時は Dir もいなかったため、デザイナー (De) が要件をまとめ、
プロダクトオーナー (PO) とワイヤー&デザインレビューしてました。
とことん De レビューした話
レビューのたびに何か違ったらしく、要件も膨れて行きました。
・雰囲気違う。写真もっとない?
・ここの色は違うかな、パターン見せて
・このコンテンツ嫌いなんだよね
結
果
、
70パ
タ
ー
ン
く
ら
い
は
作
り
ま
し
た
。
い
つ
固
ま
る
ね
ん
っ
て
い
う
N
G
集
は
い
つ
ま
で
経
っ
て
も
完
成
し
ま
せ
ん
。
相
手
が
何
を
ほ
し
が
っ
て
る
か
、
を
集
め
る
作
業
を
や
り
直
し
、
な
ん
と
か
終
始
で
き
ま
し
た
。
とことん De レビューした話
これ以後、ワイヤーで要素を固めてからデザインするってフローを弊社では踏襲してます。
まぁ最初なので、
デザイン作る作らないに関わらず、
いっぱい話した事自体は良かったです。
・とことん Deレビューした話
・Dir に任せた話
・自分で全部やった話
Dir に任せた話
PO のデザインレビューを終え、新任 Dir にデザイン投げて
意気揚々と勉強会に行った竹中でしたが、勉強会後、
勝手にデザインを変えられたあげく
そのままレビュー&リリースされてた
ことがありました。
め
っ
ち
ゃ
叱
り
ま
し
た
︵
笑
︶
自
分
で
直
し
て
も
良
か
っ
た
ん
で
す
が
、
後
学
の
た
め
に
ご
自
身
で
対
応
し
て
い
た
だ
き
ま
し
た
Dir に任せた話
Dir に任せた話
これ以後、エンジニアがデザインいじる時はプルリク投げてくれるようになりました。
頑張ってレビューを通しても、
リリースまでたどり着かなければ水の泡。
・とことん Deレビューした話
・Dir に任せた話
・自分で全部やった話
自
分
で
Dirし
た
コ
ー
ポ
レ
ー
ト
&
採
用
サ
イ
ト
結
局
こ
れ
が
一
番
納
得
感
あ
っ
た
。
健
康
的
な
ス
ト
レ
ス
だ
っ
た
。
Dir/P
De
E
Flow
調査分析 企画立案 ペルソナ・KPI 画面設計 デザイン コーディング 実装
通常はデザインとHTML コーディング。
場合によって画面設計から実装まで
自分で全部やった話
Flow
調査分析 企画立案 ペルソナ・KPI 画面設計 デザイン コーディング 実装
De
コーポレートサイトは Dir、De、Co までやり、死ねました。
採用サイトはフロントエンジニアと2人体制。とても上手くいった。
自分で全部やった話
Dir や PO と一緒にやるときも同様に対処してきたつもりだが、
デザイナー当人がつくる、
混じりっけナシのコンセプトは強い。
結果、PO も全てのデザインレビューでアグリーいただけました。
自分で全部やった話
自分で全部やった話
・ランサーズ全社のメンバー数 →
・話を聞きに来てくれる人の属性が変わった →
・デザイナー採用 →
自分で全部やった話
・ランサーズ全社のメンバー数 →
公開 3 ヶ月で 35% 増員!
・話を聞きに来てくれる人の属性が変わった →
・デザイナー採用 →
自分で全部やった話
・ランサーズ全社のメンバー数 →
公開 3 ヶ月で 35% 増員!
・話を聞きに来てくれる人の属性が変わった →
某有名エージェンシー出身の方など
・デザイナー採用 →
自分で全部やった話
・ランサーズ全社のメンバー数 →
公開 3 ヶ月で 35% 増!
・話を聞きに来てくれる人の属性が変わった →
某有名エージェンシー出身の方など
・デザイナー採用 →
100% 増!
インターンも採用できました
De だけじゃなくて Dir までやれば、
レビューの内容にも納得できるし、
イイものが作れる。
くっっっっそ大変だけどね。
自分で全部やった話
本日のまとめ
・とことん Deレビューした
・Dir に任せた
・自分で全部やった
・とことん Deレビューした
→ 目線合わないと永遠レビュー地獄
・Dir に任せた
・自分で全部やった
・とことん Deレビューした
→ 目線合わないと永遠レビュー地獄
・Dir に任せた
→ レビューはゴールじゃない
・自分で全部やった
・とことん Deレビューした
→ 目線合わないと永遠レビュー地獄
・Dir に任せた
→ レビューはゴールじゃない
・自分で全部やった
→ De が Dir からレビューまでやるとイイ
    ・・
デザインだけのレビューは、
好みや趣味の言い合いにしかならない。
デザイナーが、デザインだけじゃなく、
ビジネスや、経営者の目線で考えて作れば
レビューは「選択」や「決定」の場になれる。
レビューを味方にしよう
ラ
ン
サ
ー
ズ
で
は
デ
ザ
イ
ナ
ー
を
募
集
し
て
ま
す
。
P
R
代
官
山
蔦
屋
書
店
で
フ
ェ
ア
開
催
中
!
﹁
ク
ラ
ウ
ド
ソ
ー
シ
ン
グ
・
ク
リ
エ
イ
タ
ー
の
横
顔
﹂
フ
ェ
ア
と
題
し
て
、
ラ
ン
サ
ー
ズ
か
ら
生
ま
れ
た
商
品
が
30点
飾
ら
れ
て
ま
す
。
見
て
ね
ありがとうございました。

Contenu connexe

Similaire à Money fowerd

Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409schoowebcampus
 
もしも素人営業ウーマンが UI/UXデザイナーになったら
もしも素人営業ウーマンが UI/UXデザイナーになったらもしも素人営業ウーマンが UI/UXデザイナーになったら
もしも素人営業ウーマンが UI/UXデザイナーになったらChloe Takahashi
 
SNS活用の前に~ターゲティングとコンセプト設定~
SNS活用の前に~ターゲティングとコンセプト設定~SNS活用の前に~ターゲティングとコンセプト設定~
SNS活用の前に~ターゲティングとコンセプト設定~Noriaki Sugimoto
 
【STR2 Sumzap プレゼンテーション】
【STR2 Sumzap プレゼンテーション】【STR2 Sumzap プレゼンテーション】
【STR2 Sumzap プレゼンテーション】Up Hatch
 
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -Kunihiro Okamura
 
グラフィックレコーディングをやってみよう!ワークショップ資料 150301
グラフィックレコーディングをやってみよう!ワークショップ資料 150301グラフィックレコーディングをやってみよう!ワークショップ資料 150301
グラフィックレコーディングをやってみよう!ワークショップ資料 150301Azumi Wada
 
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClipアプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomCliptakaaya
 
presen_nakayama_20220530.pptx
presen_nakayama_20220530.pptxpresen_nakayama_20220530.pptx
presen_nakayama_20220530.pptxssuserb3c646
 
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよ
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよSencha のフレームワーク Ext JS 5 について 15 分で説明するよ
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよ久司 中村
 
プロダクトデザイン meets コミュニケーションデザイン
プロダクトデザイン meets コミュニケーションデザインプロダクトデザイン meets コミュニケーションデザイン
プロダクトデザイン meets コミュニケーションデザインMizuho Sugawara
 
20160213 kagoshima public
20160213 kagoshima public20160213 kagoshima public
20160213 kagoshima publicSix Apart
 
デザイナーの私と サービスをつくる私
デザイナーの私と サービスをつくる私デザイナーの私と サービスをつくる私
デザイナーの私と サービスをつくる私Shizuka Yamada
 
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味Tatsuya_Yokoyama
 
新入生歓迎LT祭り2014
新入生歓迎LT祭り2014新入生歓迎LT祭り2014
新入生歓迎LT祭り2014Azusa Uezu
 
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)Concent, Inc.
 
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれレスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれAkiko Kurono
 
おさだ工業所Lineスタンプ・福井商工会議所プレス発表用
おさだ工業所Lineスタンプ・福井商工会議所プレス発表用おさだ工業所Lineスタンプ・福井商工会議所プレス発表用
おさだ工業所Lineスタンプ・福井商工会議所プレス発表用Teruyuki Kobayashi
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるためにMiho Yamamori
 
伝わるスライドデザイン術
伝わるスライドデザイン術伝わるスライドデザイン術
伝わるスライドデザイン術Concent, Inc.
 

Similaire à Money fowerd (20)

Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
もしも素人営業ウーマンが UI/UXデザイナーになったら
もしも素人営業ウーマンが UI/UXデザイナーになったらもしも素人営業ウーマンが UI/UXデザイナーになったら
もしも素人営業ウーマンが UI/UXデザイナーになったら
 
SNS活用の前に~ターゲティングとコンセプト設定~
SNS活用の前に~ターゲティングとコンセプト設定~SNS活用の前に~ターゲティングとコンセプト設定~
SNS活用の前に~ターゲティングとコンセプト設定~
 
【STR2 Sumzap プレゼンテーション】
【STR2 Sumzap プレゼンテーション】【STR2 Sumzap プレゼンテーション】
【STR2 Sumzap プレゼンテーション】
 
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
 
グラフィックレコーディングをやってみよう!ワークショップ資料 150301
グラフィックレコーディングをやってみよう!ワークショップ資料 150301グラフィックレコーディングをやってみよう!ワークショップ資料 150301
グラフィックレコーディングをやってみよう!ワークショップ資料 150301
 
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClipアプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
 
presen_nakayama_20220530.pptx
presen_nakayama_20220530.pptxpresen_nakayama_20220530.pptx
presen_nakayama_20220530.pptx
 
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよ
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよSencha のフレームワーク Ext JS 5 について 15 分で説明するよ
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよ
 
プロダクトデザイン meets コミュニケーションデザイン
プロダクトデザイン meets コミュニケーションデザインプロダクトデザイン meets コミュニケーションデザイン
プロダクトデザイン meets コミュニケーションデザイン
 
20160213 kagoshima public
20160213 kagoshima public20160213 kagoshima public
20160213 kagoshima public
 
デザイナーの私と サービスをつくる私
デザイナーの私と サービスをつくる私デザイナーの私と サービスをつくる私
デザイナーの私と サービスをつくる私
 
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味
 
新入生歓迎LT祭り2014
新入生歓迎LT祭り2014新入生歓迎LT祭り2014
新入生歓迎LT祭り2014
 
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
 
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれレスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
 
おさだ工業所Lineスタンプ・福井商工会議所プレス発表用
おさだ工業所Lineスタンプ・福井商工会議所プレス発表用おさだ工業所Lineスタンプ・福井商工会議所プレス発表用
おさだ工業所Lineスタンプ・福井商工会議所プレス発表用
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
 
伝わるスライドデザイン術
伝わるスライドデザイン術伝わるスライドデザイン術
伝わるスライドデザイン術
 

Money fowerd