Slide 1
Slide 1 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
C CHANNEL
デザイナー × エンジニア
#プロダクトづくりのほんとのところ
Slide 2
Slide 2 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
Hello
Slide 3
Slide 3 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
Engineer
About me
Yuichi Arai
Android Engineer
Slide 4
Slide 4 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
Designer
About me
Hiroki Fujimori
Art Director, UI Designer
Slide 5
Slide 5 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
Agenda
About C CHANNEL
Process
Tools
Good & More
Slide 6
Slide 6 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
日本最大規模の女性向け動画メディア
女性の関心が高いテーマを中心に、短い時間で手軽に視聴できる
縦型動画を撮影・制作し、日本・世界に向けて発信しています。
Slide 7
Slide 7 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
C CHANNEL - 簡単1分動画。
SNSファン数
2,600万 突破
月間最大再生数
6億再生 突破
Material Design Awards 2016
アジア企業で唯一の受賞
※
※
※2018年07月時点
Slide 8
Slide 8 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
開発体制
デザイナー
UI & グラフィック
エンジニア
アプリ ＆ サーバー
ディレクター
3 10 2
Slide 9
Slide 9 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
ちなみに...
開発とコンテンツ制作のメンバー比率
アプリ・Web
デザイン & エンジニア & ディレクター
コンテンツ制作
運営 & 広告 & EC & 海外 etc.
15 OVER
100
VS
Slide 10
Slide 10 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
新規企画
開発
リソース
デザイン
リソース
イベント
インフルエンサー対応
定量的なアップデート・改修
広告案件
Slide 11
Slide 11 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
デザインも開発も
ミニマムを意識 して取り組む
Process
Slide 12
Slide 12 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
これまでの歩み
立ち上げ
色々な
コンテンツ
もっと
“可愛く”
2015 2016 2017 2018...
とにかく作る とにかく試す とにかく可愛く これからの C CHANNEL
もっと
“人が活躍 ”
できるように
Slide 13
Slide 13 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
2015
ざっくり仕様
プロトタイプ
詳細仕様
デザイン
開発
立ち上げ
形にすることが重要
● ざっくりと
● 早いスピードで
● 繰り返す
Slide 14
Slide 14 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
2016 いろいろな企画・コンテンツを試したい！
Howto
海外展開
ライブ感
EC
etc.
プロトタイプ
詳細仕様
デザイン
開発
ざっくり仕様
サービスが成長
● 縦型動画の探求
● コンテンツの挑戦
Slide 15
Slide 15 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
2017 とにかく可愛くしたい！
開発
リニューアル
イベント対応
運営
&
テスト
プロトタイプ
詳細仕様
デザイン
さらにサービスが成長
● 機能の複雑化
● トンマナのずれ
● 施策の多様化
Slide 16
Slide 16 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
現在のフロー
開発
企画
機能追加
etc.
運営
&
テスト
&
検証
仕様検討
プロトタイプ
デザイン
さらにサービスが成長
● 増加する依頼数への対処
Slide 17
Slide 17 text
#プロダクトづくりのほんとのところ
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
Slide 18
Slide 18 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
こんな感じに落ち着いた
タスク・案件管理 プロトタイプ
（たまに）
プロトタイプ・デザイン・開発
REDMINE inVision Abstract Sketch Zeplin Github
Slide 19
Slide 19 text
#プロダクトづくりのほんとのところ
Copyright © 2018 C Channel Corporation. All rights reserved.
コミュニケーション重視
エンジニアとデザイナーの物理的距離を縮める
※ミニマムプロダクトの前提
クロスオーバーする
エンジニアとデザイナーの領域でお互いに補い合う
※マテリアルデザイン
何でも試すマインド
仕様の認識ずれ
企画者の認識・デザインの認識・開発の認識がずれる
デザインISSUEの上げ方
デザインと実装が異なる時に、明快で低コストに伝える方法がない
（githubのissueでは充分に伝えきれない or 手間がかかる）
デザイナー不在
デザイナーが忙しすぎて、聞きたい時に聞けない・いない
GOOD & MORE
GOOD MORE