11年続くサービスの新陳代謝を上げる

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

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

https://goo.gl/WS1oDI

11年続くサービスの新陳代謝を上げる

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

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

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

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

更新しづらい
コード整理ルール策定リニューアル

更新しづらい
めっちゃ時間かかる
＼(^o^)／

更新しづらい
順番に整理して古いものを新しくする

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

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

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

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

TOPページ改修
Before After

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

　抽象的で何のサービスかがわかりづらい
Before

サービス自体が無料のように見える
Before

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

サービスの説明を明記
After

　ショップオーナーと実際のサイトを並べて見せる
After

　お試し期間が無料ということをわかりやすく
After

カラーミーを利用することで実現できる未来
After

競合との価格比較でコスパの良さを表現
After

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

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

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

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

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

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

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

More Related Content