プロダクトづくりのほんとのところ by C CHANNEL / Process and Tools @C CHANNEL

Transcript

1. #プロダクトづくりのほんとのところ
   Copyright © 2018 C Channel Corporation. All rights reserved.
   C CHANNEL
   デザイナー × エンジニア
   #プロダクトづくりのほんとのところ
   

   View Slide

2. #プロダクトづくりのほんとのところ
   Copyright © 2018 C Channel Corporation. All rights reserved.
   Hello
   

   View Slide

3. #プロダクトづくりのほんとのところ
   Copyright © 2018 C Channel Corporation. All rights reserved.
   Engineer
   About me
   Yuichi Arai
   Android Engineer
   

   View Slide

4. #プロダクトづくりのほんとのところ
   Copyright © 2018 C Channel Corporation. All rights reserved.
   Designer
   About me
   Hiroki Fujimori
   Art Director, UI Designer
   

   View Slide

5. #プロダクトづくりのほんとのところ
   Copyright © 2018 C Channel Corporation. All rights reserved.
   Agenda
   About C CHANNEL
   Process
   Tools
   Good & More
   

   View Slide

6. #プロダクトづくりのほんとのところ
   Copyright © 2018 C Channel Corporation. All rights reserved.
   日本最大規模の女性向け動画メディア
   女性の関心が高いテーマを中心に、短い時間で手軽に視聴できる
   縦型動画を撮影・制作し、日本・世界に向けて発信しています。
   

   View Slide

7. #プロダクトづくりのほんとのところ
   Copyright © 2018 C Channel Corporation. All rights reserved.
   C CHANNEL - 簡単1分動画。
   SNSファン数
   2,600万 突破
   月間最大再生数
   6億再生 突破
   Material Design Awards 2016
   アジア企業で唯一の受賞
   ※
   ※
   ※2018年07月時点
   

   View Slide

8. #プロダクトづくりのほんとのところ
   Copyright © 2018 C Channel Corporation. All rights reserved.
   開発体制
   デザイナー
   UI & グラフィック
   エンジニア
   アプリ ＆ サーバー
   ディレクター
   3 10 2
   

   View Slide

9. #プロダクトづくりのほんとのところ
   Copyright © 2018 C Channel Corporation. All rights reserved.
   ちなみに...
   開発とコンテンツ制作のメンバー比率
   アプリ・Web
   デザイン & エンジニア & ディレクター
   コンテンツ制作
   運営 & 広告 & EC & 海外 etc.
   15 OVER
   100
   VS
   

   View Slide

10. #プロダクトづくりのほんとのところ
    Copyright © 2018 C Channel Corporation. All rights reserved.
    　 新規企画
    開発
    リソース
    デザイン
    リソース
    　 イベント
    　 インフルエンサー対応
    　 定量的なアップデート・改修
    　 広告案件
    

    View Slide

11. #プロダクトづくりのほんとのところ
    Copyright © 2018 C Channel Corporation. All rights reserved.
    デザインも開発も　　
    ミニマムを意識 して取り組む
    Process
    

    View Slide

12. #プロダクトづくりのほんとのところ
    Copyright © 2018 C Channel Corporation. All rights reserved.
    これまでの歩み
    立ち上げ
    色々な
    コンテンツ
    もっと
    “可愛く”
    2015 2016 2017 2018...
    とにかく作る とにかく試す とにかく可愛く これからの C CHANNEL
    もっと
    “人が活躍 ”
    できるように
    

    View Slide

13. #プロダクトづくりのほんとのところ
    Copyright © 2018 C Channel Corporation. All rights reserved.
    2015
    ざっくり仕様
    プロトタイプ
    詳細仕様
    デザイン
    開発
    立ち上げ
    形にすることが重要
    ● ざっくりと
    ● 早いスピードで
    ● 繰り返す
    

    View Slide

14. #プロダクトづくりのほんとのところ
    Copyright © 2018 C Channel Corporation. All rights reserved.
    2016 いろいろな企画・コンテンツを試したい！
    Howto
    海外展開
    ライブ感
    EC
    etc.
    プロトタイプ
    詳細仕様
    デザイン
    開発
    ざっくり仕様
    サービスが成長
    ● 縦型動画の探求
    ● コンテンツの挑戦
    

    View Slide

15. #プロダクトづくりのほんとのところ
    Copyright © 2018 C Channel Corporation. All rights reserved.
    2017 とにかく可愛くしたい！
    開発
    リニューアル
    イベント対応
    運営
    &
    テスト
    プロトタイプ
    詳細仕様
    デザイン
    さらにサービスが成長
    ● 機能の複雑化
    ● トンマナのずれ
    ● 施策の多様化
    

    View Slide

16. #プロダクトづくりのほんとのところ
    Copyright © 2018 C Channel Corporation. All rights reserved.
    現在のフロー
    開発
    企画
    機能追加
    etc.
    運営
    &
    テスト
    &
    検証
    仕様検討
    プロトタイプ
    デザイン
    さらにサービスが成長
    ● 増加する依頼数への対処
    

    View Slide

17. #プロダクトづくりのほんとのところ
    Copyright © 2018 C Channel Corporation. All rights reserved.
    REDMINE IcoMoon
    Abstract
    Draw.io
    Waffle.io
    ProtoPie
    Github
    Sketch Zeplin
    inVision
    more & more & more ...
    Tools
    Trunk Hyperion Adobe XD
    試している途中
    Pixate PaintCode Quartz
    composer
    

    View Slide

18. #プロダクトづくりのほんとのところ
    Copyright © 2018 C Channel Corporation. All rights reserved.
    こんな感じに落ち着いた
    タスク・案件管理 プロトタイプ
    （たまに）
    プロトタイプ・デザイン・開発
    REDMINE inVision Abstract Sketch Zeplin Github
    

    View Slide

19. #プロダクトづくりのほんとのところ
    Copyright © 2018 C Channel Corporation. All rights reserved.
    コミュニケーション重視
    エンジニアとデザイナーの物理的距離を縮める
    ※ミニマムプロダクトの前提
    クロスオーバーする
    エンジニアとデザイナーの領域でお互いに補い合う
    ※マテリアルデザイン
    何でも試すマインド
    仕様の認識ずれ
    企画者の認識・デザインの認識・開発の認識がずれる
    デザインISSUEの上げ方
    デザインと実装が異なる時に、明快で低コストに伝える方法がない
    （githubのissueでは充分に伝えきれない or 手間がかかる）
    デザイナー不在
    デザイナーが忙しすぎて、聞きたい時に聞けない・いない
    GOOD & MORE
    GOOD MORE
    

    View Slide