Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

5,388 views

Published on

2016.10.25 Japan Product Manager Conference の「プロダクトマネージャー アンカンファレンス」で発表した資料です。
http://pmconf.jp/

Published in: Business
  • Be the first to comment

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

  1. 1. 11年続くサービスの 新陳代謝を上げる 2016.10.25 プロダクトマネージャー アンカンファレンス GMO Pepabo, Inc. Yamarin Akane
  2. 2. わたしのこと
  3. 3. 山林 茜 Yamarin Akane     @getsukikyu GMOペパボ EC事業部 カラーミーショップグループ クリエイティブーチーム サブマネージャー/シニアデザイナー
  4. 4. https://goo.gl/WS1oDI
  5. 5. ネットショップを作成・運用できるサービス
  6. 6. 有料契約ショップ数 国内No.1
  7. 7. おかげさまで11周年
  8. 8. 11年もやってると色々あります。 抱えている課題
  9. 9. 抱えている課題 コードが複雑 ルールがない 情報が古い 修正が他の場所にも 影響が出るかも… 更新しづらい 複数デザイナーが 作業をする場合に 印象が統一されない ターゲットに対して 伝えたい情報が 伝えられていない
  10. 10. 抱えている課題 コードが複雑 ルールがない 情報が古い 修正が他の場所にも 影響が出るかも… 更新しづらい 複数デザイナーが 作業をする場合に 印象が統一されない ターゲットに対して 伝えたい情報が 伝えられていない コード整理 ルール策定 リニューアル
  11. 11. 抱えている課題 コードが複雑 ルールがない 情報が古い 修正が他の場所にも 影響が出るかも… 更新しづらい 複数デザイナーが 作業をする場合に 印象が統一されない ターゲットに対して 伝えたい情報が 伝えられていない めっちゃ時間かかる \(^o^)/
  12. 12. 抱えている課題 コードが複雑 ルールがない 情報が古い 修正が他の場所にも 影響が出るかも… 更新しづらい 複数デザイナーが 作業をする場合に 印象が統一されない ターゲットに対して 伝えたい情報が 伝えられていない 順番に整理して古いものを新しくする
  13. 13. カラーミーショップ 新陳代謝感謝祭あ (プロジェクト名です)
  14. 14. ページ改修・デザインガイドライン作成 リファクタリング(コードの引退パーティーなど) ターゲット分析(広告・LP) 数値計測・分析 新陳代謝感謝祭|チーム体制 チーム A チーム B チーム C クリエイティブチーム総力戦 チーム D
  15. 15. わかりやすく変えやすく。 例:TOPページ改修
  16. 16. 構成作成 TOPページ改修|改修フロー 競合調査 モック作成 デザイン コーディング A/Bテスト 情報整理 ルール策定 整理設計 数値分析 改修
  17. 17. TOPページ改修 Before After
  18. 18. TOPページ改修|わかりづらいをわかりやすく(Before) Before
  19. 19. TOPページ改修|わかりづらいをわかりやすく(Before)  抽象的で何のサービスかがわかりづらい Before
  20. 20. TOPページ改修|わかりづらいをわかりやすく(Before) サービス自体が無料のように見える Before
  21. 21. TOPページ改修|わかりづらいをわかりやすく(After) After
  22. 22. TOPページ改修|わかりづらいをわかりやすく(After) サービスの説明を明記 After
  23. 23. TOPページ改修|わかりづらいをわかりやすく(After)  ショップオーナーと実際のサイトを並べて見せる After
  24. 24. TOPページ改修|わかりづらいをわかりやすく(After)  お試し期間が無料ということをわかりやすく After
  25. 25. TOPページ改修|わかりづらいをわかりやすく(Before) Before
  26. 26.  カラーミーを利用することで実現できる未来 TOPページ改修|わかりづらいをわかりやすく(After) After
  27. 27.  競合との価格比較でコスパの良さを表現 TOPページ改修|わかりづらいをわかりやすく(After) After
  28. 28. TOPページ改修 Before AfterA/Bテスト
  29. 29. ドキドキ… A/Bテストの結果
  30. 30. 大きな変化なし!!!!!! A/Bテストの結果
  31. 31. 新陳代謝して良かったこと
  32. 32. 不要なファイルやCSSを削除し管理しやすい設計になった 数値を計測し細かくPDCAを回せる体制になった 伝えたい情報やメッセージを発信できるようになった 新陳代謝して良かったこと
  33. 33. 不要なファイルやCSSを削除し管理しやすい設計になった 数値を計測し細かくPDCAを回せる体制になった 伝えたい情報やメッセージを発信できるようになった 新陳代謝して良かったこと 規模がでかくてもあきらめない 細かく分割して少しずつ進められればいい 今後のことを考えて改善する 結果は自ずとついてくる(と思う)
  34. 34. ありがとうございました。 代謝上げてこ↑↑

×