Upgrade to Pro — share decks privately, control downloads, hide ads and more …

事業成長によるデザイナーの役割の推移 / The effect of the first designer's skill

事業成長によるデザイナーの役割の推移 / The effect of the first designer's skill

StudySapuri Product Meetup #1 (2018/7/19) @takeshiugajinの発表資料です。

Takeshi Ugajin

July 19, 2018
Tweet

Other Decks in Design

Transcript

  1. Product Meetup #1
    事業成長によるデザイナーの役割の推移
    @takeshiugajin
    The effect of the first designer's skill

    View full-size slide

  2. 01
    02
    03
    Agenda | 自己紹介&Quipperについて
    事業フェーズにおけるデザイナーの役割の変化
    初期デザイナーが開発チーム文化に与える影響

    View full-size slide

  3. 01 自己紹介&Quipperについて

    View full-size slide

  4. @takeshiugajin
    大学卒業後、老舗ゲーム会社にてコンシューマーゲーム開発にデザイナー
    として関わる。その後渡英し、大学院修了、現地スタートアップを転々とした
    後に縁あってQuipperロンドンオフィスに入社。
    スタートアップ期から現在のスタディサプリ開発に至るまで見届けている数
    少ない生き残り。
    現デザインチームマネージャー。

    View full-size slide

  5. ところで
    ってどんな会社?

    View full-size slide

  6. Quipperってどんな会社?
    2010年、ロンドンにて創業

    View full-size slide

  7. Quipperってどんな会社?
    学校向け宿題配信サービス
    個人向け動画配信サービス
    進学情報サービス

    View full-size slide

  8. Quipperってどんな会社?

    View full-size slide

  9. どうして
    をつくってるの?

    View full-size slide

  10. どうしてスタディサプリをつくってるの?
    2015年、M&Aにてリクルートグループへ

    View full-size slide

  11.        Platform
    どうしてスタディサプリをつくってるの?

    View full-size slide

  12. 02 事業フェーズにおける
    デザイナーの役割の変化

    View full-size slide

  13. 3つの事業フェーズ
    体制移行期
    スタートアップ期 事業成長期
    QuipperSchool開発
    〜M&Aまで
    スタディサプリ開発
    〜リリースまで
    スタディサプリ以降
    〜現在

    View full-size slide

  14. スタートアップ期
    QuipperSchool開発
    〜M&Aまで

    View full-size slide

  15. スタートアップ期
    Quipper School開発 〜 M&Aまで

    ス 事
    ➔ 2、3ヶ月ごとにピボットがある時期で、とにかく早いサイクルでMVPを作って
    は壊す、スクラップ&ビルドを繰り返す
    ➔ 細部までモックを作り込むのは辞め、とにかくエンジニアが手を動かせる状
    態を作ることに専念
    ◆ フロント担当エンジニアとの二人三脚
    ◆ エンジニアの手が止まらないワークフロー
    ➔ マーケティング素材やブランディング等、あらゆるデザイン物を自分の裁量で
    制作できた

    View full-size slide

  16. スタートアップ期
    Quipper School開発 〜 M&Aまで

    ス 事

    View full-size slide

  17. スタートアップ期
    Quipper School開発 〜 M&Aまで

    ス 事

    View full-size slide

  18. スタートアップ期
    Quipper School開発 〜 M&Aまで

    ス 事

    View full-size slide

  19. スタートアップ期
    Quipper School開発 〜 M&Aまで

    ス 事
    この時のスピード感があったからこそ、小規模のチームなが
    らも複数の国に展開できるサービスを開発でき、結果的に
    EXITに繋がったのだと思う。
    UIUX面はリソース的に妥協する点も多く、苦しい時期だったが・・

    View full-size slide

  20. 体制移行期
    スタディサプリ開発
    〜リリースまで

    View full-size slide

  21. 体制移行期
    スタディサプリ開発 〜 リリースまで

    ス 事
    ➔ 高校生向けの受験サプリと小中学校向けの勉強サプリをQuipperプラット
    フォームに統合することが主なミッション
    ➔ 国外にいたこともあり日本チームと海外チームとのパイプ役に
    ➔ サービス関係者が一気に増え、どこからともなく現れて意見を述べては、風
    のように去っていく、なんてことに振り回される日々
    ➔ デザイナーを採用する予算も増え、徐々にチームも大きくなってきた
    ➔ デザイン業務はだいぶ属人化していたため、他のデザイナーや新しく入った
    エンジニアとスムーズに協業できるようガイドラインの整備

    View full-size slide

  22. 体制移行期
    スタディサプリ開発 〜 リリースまで

    ス 事
    ?

    View full-size slide

  23. 関係者
    関係者
    関係者
    関係
    関係者
    関係者
    関係者
    関係者
    関係者

    体制移行期
    スタディサプリ開発 〜 リリースまで

    ス 事

    View full-size slide

  24. 体制移行期
    スタディサプリ開発 〜 リリースまで

    ス 事
    ガイド
    ライン
    デザイン
    素材
    ライブ
    ラリ
    デザインチーム 新しい開発者
    画面
    データ
    デザイン
    プロセス
    謎ルール

    View full-size slide

  25. デザインチームを拡大し、スタートアップ時代にできないこと
    ができるようになった。属人化からの脱却のためにも、各種
    ガイドラインの整備が課題となった。
    重めのミッションに加え、関係者が増え翻弄されることもあったが、
    体制移行期
    スタディサプリ開発 〜 リリースまで

    ス 事

    View full-size slide

  26. 事業成長期
    スタディサプリ以降
    〜現在

    View full-size slide

  27. ➔ サービスの統合という、足踏みをする期間が終わり、ようやく新しい機能や
    サービスの開発ができるように
    ➔ 一方でメインの学習アプリがキャパオーバーし、放置されている機能が負債
    となり、設計上の足枷になってきた
    ➔ 1つ1つ問題をつぶしていくか、全面リニューアルして一気に最適化するか
    ➔ デザイナーのスキルセットが多様化してきていることもあり、それぞれの担当
    範囲を定義することも課題
    事業成長期
    スタディサプリ以降〜現在

    ス 事

    View full-size slide

  28. 事業成長期
    スタディサプリ以降〜現在

    ス 事

    View full-size slide

  29. 右コラム
    出し分け機能
    左コラム
    出し分け機能
    事業成長期
    スタディサプリ以降〜現在

    ス 事
    ヘッダー
    TODO
    定期テスト対策
    マイ講座リスト
    バナー
    ミッション
    タイムライン
    ゲームコンテンツ
    新着メッセージ
    活動メモ
    コーチング
    Notification
    全国試験

    View full-size slide

  30. 事業成長期
    スタディサプリ以降〜現在

    ス 事
    ユーザーテスト実施
    誰が何をどのくらい担当するのか
    ペルソナ作成 マッピング
    UI設計 ビジュアルデザイン ブランディング
    バナー作成 マーケ素材作成 マークアップ
    デザインガイドライン イラストレーション その他突発的な制作物

    View full-size slide

  31. 事業成長期
    スタディサプリ以降〜現在

    ス 事
    人の人生にポジティブな影響を与える
    サービスをつくりたい!

    View full-size slide

  32. サービスとして安定しつつあり、新しい機能やプランを開発で
    きるようになった。純粋にUXの向上を追求できるフェーズ
    へ。
    プロダクトの老朽化が設計上の足枷になりつつも、
    事業成長期
    スタディサプリ以降〜現在

    ス 事

    View full-size slide

  33. 03 初期デザイナーが開発チーム文化に与
    える影響

    View full-size slide

  34. 初期デザイナーのスキルセットで
    開発チームのカルチャーが決まる!
    仮 説
    スタートアップ初期のデザイナー枠は概ね1名。
    その1人がどのようなスキルを持っているかで、サービス設計フローだけでなく開発チー
    ムの採用計画、ブランディング等、その後のチーム文化の形成に影響するのではないだ
    ろうか。

    View full-size slide

  35. スタートアップに参加するデザイナーの主なタイプ
    UXデザイナー
    エンジニア寄り
    デザイナー
    ビジュアル
    デザイナー
    全能神
    フルスタック
    デザイナー

    View full-size slide

  36. エンジニア
    Quipperの場合・・・
    初期デザイナー
    UIデザイン、ビジュアル制作
    プロダクトマネージャー
    UXはみんなで考える文化
    初期デザイナー
    UXリサーチ、要件定義、サービス設計
    ?
    エンジニア
    プロダクトマネージャー?
    UXはデザイナーが責任を持つ文化?
    if...
    ビジュアルデザイナー?
    要件定義、スケジュール管理
    フロントエンド、バックエンド実装

    View full-size slide

  37. スタートアップに関わっていらっしゃる方がいましたら、ご自身のチームに
    照らし合わせて考えてみると面白いかもしれません
    初期デザイナーのスキルセットで
    開発チームのカルチャーが決まる!
    仮 説

    View full-size slide

  38. Quipper Design Team
    ?

    View full-size slide

  39. ありがとうございました

    View full-size slide