Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
事業成長によるデザイナーの役割の推移 / The effect of the first de...
Search
Takeshi Ugajin
July 19, 2018
Design
4
2.8k
事業成長によるデザイナーの役割の推移 / The effect of the first designer's skill
StudySapuri Product Meetup #1 (2018/7/19) @takeshiugajinの発表資料です。
Takeshi Ugajin
July 19, 2018
Tweet
Share
Other Decks in Design
See All in Design
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
540
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
360
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
190
ふわっとはじめるSSOT – SSOT for Communication Design
sekiguchiy
0
1.2k
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
160
なぜデフォルトが青色!? Tint Colorの理由に迫る
akidon0000
0
500
TUNAG BOOK 2024
stmn
0
370
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
220
Arborea Art Book
thebogheart
1
300
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
4
1.3k
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
2
520
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
460
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
40
7.1k
The Cult of Friendly URLs
andyhume
78
6.1k
Optimizing for Happiness
mojombo
376
70k
Code Review Best Practice
trishagee
64
17k
Documentation Writing (for coders)
carmenintech
65
4.5k
Speed Design
sergeychernyshev
25
650
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Embracing the Ebb and Flow
colly
84
4.5k
What's in a price? How to price your products and services
michaelherold
243
12k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
GitHub's CSS Performance
jonrohan
1030
460k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
Transcript
Product Meetup #1 事業成長によるデザイナーの役割の推移 @takeshiugajin The effect of the first
designer's skill
01 02 03 Agenda | 自己紹介&Quipperについて 事業フェーズにおけるデザイナーの役割の変化 初期デザイナーが開発チーム文化に与える影響
01 自己紹介&Quipperについて
@takeshiugajin 大学卒業後、老舗ゲーム会社にてコンシューマーゲーム開発にデザイナー として関わる。その後渡英し、大学院修了、現地スタートアップを転々とした 後に縁あってQuipperロンドンオフィスに入社。 スタートアップ期から現在のスタディサプリ開発に至るまで見届けている数 少ない生き残り。 現デザインチームマネージャー。
ところで ってどんな会社?
Quipperってどんな会社? 2010年、ロンドンにて創業
Quipperってどんな会社? 学校向け宿題配信サービス 個人向け動画配信サービス 進学情報サービス
Quipperってどんな会社?
どうして をつくってるの?
どうしてスタディサプリをつくってるの? 2015年、M&Aにてリクルートグループへ
Platform どうしてスタディサプリをつくってるの?
02 事業フェーズにおける デザイナーの役割の変化
3つの事業フェーズ 体制移行期 スタートアップ期 事業成長期 QuipperSchool開発 〜M&Aまで スタディサプリ開発 〜リリースまで スタディサプリ以降 〜現在
スタートアップ期 QuipperSchool開発 〜M&Aまで
スタートアップ期 Quipper School開発 〜 M&Aまで 体 ス 事 ➔ 2、3ヶ月ごとにピボットがある時期で、とにかく早いサイクルでMVPを作って
は壊す、スクラップ&ビルドを繰り返す ➔ 細部までモックを作り込むのは辞め、とにかくエンジニアが手を動かせる状 態を作ることに専念 ◆ フロント担当エンジニアとの二人三脚 ◆ エンジニアの手が止まらないワークフロー ➔ マーケティング素材やブランディング等、あらゆるデザイン物を自分の裁量で 制作できた
スタートアップ期 Quipper School開発 〜 M&Aまで 体 ス 事
スタートアップ期 Quipper School開発 〜 M&Aまで 体 ス 事
スタートアップ期 Quipper School開発 〜 M&Aまで 体 ス 事
スタートアップ期 Quipper School開発 〜 M&Aまで 体 ス 事 この時のスピード感があったからこそ、小規模のチームなが らも複数の国に展開できるサービスを開発でき、結果的に
EXITに繋がったのだと思う。 UIUX面はリソース的に妥協する点も多く、苦しい時期だったが・・
体制移行期 スタディサプリ開発 〜リリースまで
体制移行期 スタディサプリ開発 〜 リリースまで 体 ス 事 ➔ 高校生向けの受験サプリと小中学校向けの勉強サプリをQuipperプラット フォームに統合することが主なミッション
➔ 国外にいたこともあり日本チームと海外チームとのパイプ役に ➔ サービス関係者が一気に増え、どこからともなく現れて意見を述べては、風 のように去っていく、なんてことに振り回される日々 ➔ デザイナーを採用する予算も増え、徐々にチームも大きくなってきた ➔ デザイン業務はだいぶ属人化していたため、他のデザイナーや新しく入った エンジニアとスムーズに協業できるようガイドラインの整備
体制移行期 スタディサプリ開発 〜 リリースまで 体 ス 事 ?
関係者 関係者 関係者 関係 関係者 関係者 関係者 関係者 関係者 者
体制移行期 スタディサプリ開発 〜 リリースまで 体 ス 事
体制移行期 スタディサプリ開発 〜 リリースまで 体 ス 事 ガイド ライン デザイン
素材 ライブ ラリ デザインチーム 新しい開発者 画面 データ デザイン プロセス 謎ルール
デザインチームを拡大し、スタートアップ時代にできないこと ができるようになった。属人化からの脱却のためにも、各種 ガイドラインの整備が課題となった。 重めのミッションに加え、関係者が増え翻弄されることもあったが、 体制移行期 スタディサプリ開発 〜 リリースまで 体 ス
事
事業成長期 スタディサプリ以降 〜現在
➔ サービスの統合という、足踏みをする期間が終わり、ようやく新しい機能や サービスの開発ができるように ➔ 一方でメインの学習アプリがキャパオーバーし、放置されている機能が負債 となり、設計上の足枷になってきた ➔ 1つ1つ問題をつぶしていくか、全面リニューアルして一気に最適化するか ➔ デザイナーのスキルセットが多様化してきていることもあり、それぞれの担当
範囲を定義することも課題 事業成長期 スタディサプリ以降〜現在 体 ス 事
事業成長期 スタディサプリ以降〜現在 体 ス 事
右コラム 出し分け機能 左コラム 出し分け機能 事業成長期 スタディサプリ以降〜現在 体 ス 事 ヘッダー
TODO 定期テスト対策 マイ講座リスト バナー ミッション タイムライン ゲームコンテンツ 新着メッセージ 活動メモ コーチング Notification 全国試験
事業成長期 スタディサプリ以降〜現在 体 ス 事 ユーザーテスト実施 誰が何をどのくらい担当するのか ペルソナ作成 マッピング UI設計
ビジュアルデザイン ブランディング バナー作成 マーケ素材作成 マークアップ デザインガイドライン イラストレーション その他突発的な制作物
事業成長期 スタディサプリ以降〜現在 体 ス 事 人の人生にポジティブな影響を与える サービスをつくりたい!
サービスとして安定しつつあり、新しい機能やプランを開発で きるようになった。純粋にUXの向上を追求できるフェーズ へ。 プロダクトの老朽化が設計上の足枷になりつつも、 事業成長期 スタディサプリ以降〜現在 体 ス 事
03 初期デザイナーが開発チーム文化に与 える影響
初期デザイナーのスキルセットで 開発チームのカルチャーが決まる! 仮 説 スタートアップ初期のデザイナー枠は概ね1名。 その1人がどのようなスキルを持っているかで、サービス設計フローだけでなく開発チー ムの採用計画、ブランディング等、その後のチーム文化の形成に影響するのではないだ ろうか。
スタートアップに参加するデザイナーの主なタイプ UXデザイナー エンジニア寄り デザイナー ビジュアル デザイナー 全能神 フルスタック デザイナー
エンジニア Quipperの場合・・・ 初期デザイナー UIデザイン、ビジュアル制作 プロダクトマネージャー UXはみんなで考える文化 初期デザイナー UXリサーチ、要件定義、サービス設計 ? エンジニア
プロダクトマネージャー? UXはデザイナーが責任を持つ文化? if... ビジュアルデザイナー? 要件定義、スケジュール管理 フロントエンド、バックエンド実装
スタートアップに関わっていらっしゃる方がいましたら、ご自身のチームに 照らし合わせて考えてみると面白いかもしれません 初期デザイナーのスキルセットで 開発チームのカルチャーが決まる! 仮 説
Quipper Design Team ?
ありがとうございました