ENEOS社事例｜アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design

ENEOS公式アプリのグロースプロジェクトを事例として、
クライアントのDXをデザインで支援する、DXDesign室の取り組みをご紹介します。

https://cadc.cyberagent.co.jp/2024/sessions/dx-eneos-design/

Transcript

2. 高木 和真 Takagi Kazuma インターネ ッ ト広告事業本部 DXDesign室 デザイ ナー
3. note、 やってます
4. 熊倉 賢太郎 Kumakura Kentaro ENEOS株式会社 執行理事 マーケティング部長
5. 1 DXダイレクトビジネスセンターについて 2 ENEOS公式アプリについて 3 アプリ事業を加速させるデザイナーの取り組み CONTENTS
6. DXダイレクトビジネスセンターについて 消費者 User 企業 Client DXダイレクト ビジネスセンター 事業戦略 UIUX・開発 グロース 顧客体験の向上 消費者ニーズの理解
7. DXダイレクトビジネスセンターについて DXダイレクト ビジネスセンター B to B デジタル戦略・ マーケティング AI・ データサイエンス B to C UIUX・開発 サービスグロース 業界TOPの ノウハウ・ 技術の連携
8. 二次元コードで ラクラク給油 よく使う給油の 設定を保存 クーポンの ご利用や メンテナンスの 予約も！ ENEOS公式アプリについて
9. お車乗られる方はぜひ！
10. ここからメインテーマ
11. アプリ事業を加速させるデザイナーの取り組み 機能・デザインを 大幅にアップデート
12. アプリ事業を加速させるデザイナーの取り組み PBI … プロダクトバックログアイテム PBI創出の工程 改善テーマの検討 デザイン工程 PBIを実際のUIデザインに
13. アプリ事業を加速させるデザイナーの取り組み PBI … プロダクトバックログアイテム PBI創出の工程 改善テーマの検討 デザイン工程 PBIを実際のUIデザインに
14. アプリ事業を加速させるデザイナーの取り組み From SS もっとユーザーに◯◯できる機 能が欲しい From SS もっとユーザーに◯◯できる機 能が欲しい From SS アプリをもっとインストールし てもらえるように◯◯して！ From SS アプリをもっとインストールし てもらえるように◯◯して！ From User 画面が明るくて眩しいので、な んとかしてほしい From User 画面が明るくて眩しいので、な んとかしてほしい できたらもっと便利になる できたらもっと便利になる From User From User From User クーポンが… From User クーポンが… From CA 機能的な配色に見直し、ユーザ From CA 機能的な配色に見直し、ユーザ From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA アクセシビリ From CA アクセシビリ From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい もらえ たい もらえ たい EOS もっと簡単に EOS もっと簡単に 改善したいテーマは すでに充分 どこから手をつける？
15. アプリ事業を加速させるデザイナーの取り組み From SS もっとユーザーに◯◯できる機 能が欲しい From SS もっとユーザーに◯◯できる機 能が欲しい From SS アプリをもっとインストールし てもらえるように◯◯して！ From SS アプリをもっとインストールし てもらえるように◯◯して！ From User 画面が明るくて眩しいので、な んとかしてほしい From User 画面が明るくて眩しいので、な んとかしてほしい できたらもっと便利になる できたらもっと便利になる From User From User From User クーポンが… From User クーポンが… From CA 機能的な配色に見直し、ユーザ From CA 機能的な配色に見直し、ユーザ From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA アクセシビリ From CA アクセシビリ From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい もらえ たい もらえ たい EOS もっと簡単に EOS もっと簡単に 要望の集約と 改善アイデアへの変換 ユーザー・特約店の声や CA基準でのレビュー 機能ごとに一次分類 インパクトなど算出 開発チームと連携し 工数・フィジビリも確認 体験ごとに 施策検討グループに 検討しやすい単位に グルーピング UXをベースに集約・分類・グルーピングを行う
16. アプリ事業を加速させるデザイナーの取り組み From SS もっとユーザーに◯◯できる機 能が欲しい From SS もっとユーザーに◯◯できる機 能が欲しい From SS アプリをもっとインストールし てもらえるように◯◯して！ From SS アプリをもっとインストールし てもらえるように◯◯して！ From User 画面が明るくて眩しいので、な んとかしてほしい From User 画面が明るくて眩しいので、な んとかしてほしい できたらもっと便利になる できたらもっと便利になる From User From User From User クーポンが… From User クーポンが… From CA 機能的な配色に見直し、ユーザ From CA 機能的な配色に見直し、ユーザ From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA アクセシビリ From CA アクセシビリ From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい もらえ たい もらえ たい EOS もっと簡単に EOS もっと簡単に 要望の集約と 改善アイデアへの変換 ユーザー・特約店の声や CA基準でのレビュー 機能ごとに一次分類 インパクトなど算出 開発チームと連携し 工数・フィジビリも確認 体験ごとに 施策検討グループに 検討しやすい単位に グルーピング UXをベースに集約・分類・グルーピングを行う
17. アプリ事業を加速させるデザイナーの取り組み From SS もっとユーザーに◯◯できる機 能が欲しい From SS もっとユーザーに◯◯できる機 能が欲しい From SS アプリをもっとインストールし てもらえるように◯◯して！ From SS アプリをもっとインストールし てもらえるように◯◯して！ From User 画面が明るくて眩しいので、な んとかしてほしい From User 画面が明るくて眩しいので、な んとかしてほしい できたらもっと便利になる できたらもっと便利になる From User From User From User クーポンが… From User クーポンが… From CA 機能的な配色に見直し、ユーザ From CA 機能的な配色に見直し、ユーザ From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA アクセシビリ From CA アクセシビリ From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい もらえ たい もらえ たい EOS もっと簡単に EOS もっと簡単に 要望の集約と 改善アイデアへの変換 ユーザー・特約店の声や CA基準でのレビュー 機能ごとに一次分類 インパクトなど算出 開発チームと連携し 工数・フィジビリも確認 体験ごとに 施策検討グループに 検討しやすい単位に グルーピング UXをベースに集約・分類・グルーピングを行う
18. アプリ事業を加速させるデザイナーの取り組み From SS もっとユーザーに◯◯できる機 能が欲しい From SS もっとユーザーに◯◯できる機 能が欲しい From SS アプリをもっとインストールし てもらえるように◯◯して！ From SS アプリをもっとインストールし てもらえるように◯◯して！ From User 画面が明るくて眩しいので、な んとかしてほしい From User 画面が明るくて眩しいので、な んとかしてほしい できたらもっと便利になる できたらもっと便利になる From User From User From User クーポンが… From User クーポンが… From CA 機能的な配色に見直し、ユーザ From CA 機能的な配色に見直し、ユーザ From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA アクセシビリ From CA アクセシビリ From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい もらえ たい もらえ たい EOS もっと簡単に EOS もっと簡単に 要望の集約と 改善アイデアへの変換 ユーザー・特約店の声や CA基準でのレビュー 機能ごとに一次分類 インパクトなど算出 開発チームと連携し 工数・フィジビリも確認 体験ごとに 施策検討グループに 検討しやすい単位に グルーピング UXをベースに集約・分類・グルーピングを行う
19. From SS もっとユーザーに◯◯できる機 能が欲しい From SS もっとユーザーに◯◯できる機 能が欲しい From SS アプリをもっとインストールし てもらえるように◯◯して！ From SS アプリをもっとインストールし てもらえるように◯◯して！ From User 画面が明るくて眩しいので、な んとかしてほしい From User 画面が明るくて眩しいので、な んとかしてほしい できたらもっと便利になる できたらもっと便利になる From User From User From User クーポンが… From User クーポンが… From CA 機能的な配色に見直し、ユーザ From CA 機能的な配色に見直し、ユーザ From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA アクセシビリ From CA アクセシビリ From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい もらえ たい もらえ たい EOS もっと簡単に EOS もっと簡単に アプリ事業を加速させるデザイナーの取り組み UXをベースに集約・分類・グルーピングを行う
20. アプリ事業を加速させるデザイナーの取り組み From SS もっとユーザーに◯◯できる機 能が欲しい From SS もっとユーザーに◯◯できる機 能が欲しい From SS アプリをもっとインストールし てもらえるように◯◯して！ From SS アプリをもっとインストールし てもらえるように◯◯して！ From User 画面が明るくて眩しいので、な んとかしてほしい From User 画面が明るくて眩しいので、な んとかしてほしい できたらもっと便利になる できたらもっと便利になる From User From User From User クーポンが… From User クーポンが… From CA 機能的な配色に見直し、ユーザ From CA 機能的な配色に見直し、ユーザ From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA 統一されたデザインコンポーネ ントで品質を向上させたい From CA アクセシビリ From CA アクセシビリ From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい From ENEOS ユーザーにもっと使ってもらえ るような◯◯を盛り込みたい もらえ たい もらえ たい EOS もっと簡単に EOS もっと簡単に 検討テーマの深掘り・ブレスト モック制作 方向性確認 モックブラッシュアップ PBI化するかどうかの判断 2週間 1テーマで モックベースに 議論を反復
21. アプリ事業を加速させるデザイナーの取り組み モックベースに議論を進めることで目線が合わせやすく PBI創出もスピーディーに
22. アプリ事業を加速させるデザイナーの取り組み モックベースでの検討を助ける3つのポイント POINT 1 デザイナーの 敏捷性と キャッチアップ力 POINT 2 作っては壊す マインド POINT 3 PJ参加者全員 圧倒的ユーザー目線
23. まとめ アプリ事業を加速させるデザイナーの取り組み 圧倒的なユーザー目線をベースに モックベースでの検討を重ねることで グロースを加速させる
24. 熊倉さんより （ここスライド不要なので編集で調整お願いします）
25. お車乗られる方はぜひ！