1.
11年続くサービスの
新陳代謝を上げる
2016.10.25 プロダクトマネージャー アンカンファレンス
GMO Pepabo, Inc. Yamarin Akane

2.
わたしのこと

3.
山林 茜 Yamarin Akane
@getsukikyu
GMOペパボ EC事業部
カラーミーショップグループ
クリエイティブーチーム
サブマネージャー／シニアデザイナー

4.
https://goo.gl/WS1oDI

5.
ネットショップを作成・運用できるサービス

6.
有料契約ショップ数 国内No.1

7.
おかげさまで11周年

8.
11年もやってると色々あります。
抱えている課題

9.
抱えている課題
コードが複雑 ルールがない 情報が古い
修正が他の場所にも
影響が出るかも…
更新しづらい
複数デザイナーが
作業をする場合に
印象が統一されない
ターゲットに対して
伝えたい情報が
伝えられていない

10.
抱えている課題
コードが複雑 ルールがない 情報が古い
修正が他の場所にも
影響が出るかも…
更新しづらい
複数デザイナーが
作業をする場合に
印象が統一されない
ターゲットに対して
伝えたい情報が
伝えられていない
コード整理 ルール策定 リニューアル

11.
抱えている課題
コードが複雑 ルールがない 情報が古い
修正が他の場所にも
影響が出るかも…
更新しづらい
複数デザイナーが
作業をする場合に
印象が統一されない
ターゲットに対して
伝えたい情報が
伝えられていない
めっちゃ時間かかる
＼(^o^)／

12.
抱えている課題
コードが複雑 ルールがない 情報が古い
修正が他の場所にも
影響が出るかも…
更新しづらい
複数デザイナーが
作業をする場合に
印象が統一されない
ターゲットに対して
伝えたい情報が
伝えられていない
順番に整理して古いものを新しくする

13.
カラーミーショップ
新陳代謝感謝祭あ
(プロジェクト名です)

14.
ページ改修・デザインガイドライン作成
リファクタリング(コードの引退パーティーなど)
ターゲット分析(広告・LP)
数値計測・分析
新陳代謝感謝祭｜チーム体制
チーム
A
チーム
B
チーム
C
クリエイティブチーム総力戦
チーム
D

15.
わかりやすく変えやすく。
例：TOPページ改修

16.
構成作成
TOPページ改修｜改修フロー
競合調査 モック作成
デザイン
コーディング
A/Bテスト
情報整理 ルール策定
整理設計
数値分析
改修

17.
TOPページ改修
Before After

18.
TOPページ改修｜わかりづらいをわかりやすく(Before)
Before

19.
TOPページ改修｜わかりづらいをわかりやすく(Before)
抽象的で何のサービスかがわかりづらい
Before

20.
TOPページ改修｜わかりづらいをわかりやすく(Before)
サービス自体が無料のように見える
Before

21.
TOPページ改修｜わかりづらいをわかりやすく(After)
After

22.
TOPページ改修｜わかりづらいをわかりやすく(After)
サービスの説明を明記
After

23.
TOPページ改修｜わかりづらいをわかりやすく(After)
ショップオーナーと実際のサイトを並べて見せる
After

24.
TOPページ改修｜わかりづらいをわかりやすく(After)
お試し期間が無料ということをわかりやすく
After

25.
TOPページ改修｜わかりづらいをわかりやすく(Before)
Before

26.
カラーミーを利用することで実現できる未来
TOPページ改修｜わかりづらいをわかりやすく(After)
After

27.
競合との価格比較でコスパの良さを表現
TOPページ改修｜わかりづらいをわかりやすく(After)
After

28.
TOPページ改修
Before AfterA/Bテスト

29.
ドキドキ…
A/Bテストの結果

30.
大きな変化なし！！！！！！
A/Bテストの結果

31.
新陳代謝して良かったこと

32.
不要なファイルやCSSを削除し管理しやすい設計になった
数値を計測し細かくPDCAを回せる体制になった
伝えたい情報やメッセージを発信できるようになった
新陳代謝して良かったこと

33.
不要なファイルやCSSを削除し管理しやすい設計になった
数値を計測し細かくPDCAを回せる体制になった
伝えたい情報やメッセージを発信できるようになった
新陳代謝して良かったこと
規模がでかくてもあきらめない
細かく分割して少しずつ進められればいい
今後のことを考えて改善する
結果は自ずとついてくる(と思う)

34.
ありがとうございました。
代謝上げてこ↑↑