Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
プロダクトデザイン組織の 新しい取り組み / meetup0706-onoda
Search
Rakus_Dev
July 11, 2022
Technology
1
1.4k
プロダクトデザイン組織の 新しい取り組み / meetup0706-onoda
Rakus_Dev
July 11, 2022
Tweet
Share
More Decks by Rakus_Dev
See All by Rakus_Dev
AIは精算業務をどう変える? 自律型エージェントが実現する未来のワークフロー / RAKUS AI Meetup-1
rakus_dev
0
630
メールディーラーにおけるAI活用事例 ~クレーム検知機能リリースの舞台裏~ / RAKUS AI Meetup-2
rakus_dev
0
620
ラクス開発本部のAI駆動開発推進事例 / RAKUS AI Meetup-3
rakus_dev
0
630
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
PdM採用とAIの製品活用を同時に頑張ってみた話 / EM oasis 20250418
rakus_dev
0
190
多様なマネジメント経験から導き出した、事業成長を支えるEMの4つのコンピテンシー / 4 Key EM Competencies for Growth
rakus_dev
2
2.3k
圧倒的な『顧客志向』の文化の創り方 / Product Engineer Night 20250221
rakus_dev
0
380
読書シェア会 vol.2 / Yumemi.grow 20250225
rakus_dev
0
160
ラクスCTOが語る顧客視点を重視したプロダクト開発 / RAKUSTechCon2024_Kude
rakus_dev
0
3.2k
Other Decks in Technology
See All in Technology
Tiptapで実現する堅牢で柔軟なエディター開発
kirik
1
150
激動の時代、新卒エンジニアはAIツールにどう向き合うか。 [LayerX Bet AI Day Countdown LT Day1 ツールの選択]
tak848
0
610
複数のGemini CLIが同時開発する狂気 - Jujutsuが実現するAIエージェント協調の新世界
gunta
13
3.8k
マルチモーダル基盤モデルに基づく動画と音の解析技術
lycorptech_jp
PRO
2
270
Kiro Hookを Terraformで検証
ao_inoue
0
140
[MIRU2025]Preference Optimization for Multimodal Large Language Models for Image Captioning Tasks
keio_smilab
PRO
0
110
Webの技術とガジェットで那須の子ども達にワクワクを! / IoTLT_20250720
you
PRO
0
130
AWS表彰プログラムとキャリアについて
naoki_0531
1
140
Step Functions First - サーバーレスアーキテクチャの新しいパラダイム
taikis
1
280
robocopy の怖い話/scary-story-about-robocopy
emiki
0
410
LLM開発を支えるエヌビディアの生成AIエコシステム
acceleratedmu3n
0
340
メモ整理が苦手な者による頑張らないObsidian活用術
optim
0
150
Featured
See All Featured
BBQ
matthewcrist
89
9.8k
Being A Developer After 40
akosma
90
590k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Transcript
プロダクトデザイン組織の 新しい取り組み プロダクトデザイナー 小野田 純也 #RAKUSMeetup
プロダクトデザイン課について What’s Product Design Ka? #RAKUSMeetup
課の課題 (約1〜2年前) ・ UIデザイナー不在のプロダクトがある ・ 表層(見た目のところ)だけしか担当できていないプロダクトも ・ 要件定義など上流に関われていない デザイナーの担当領域が表層を綺麗にするだけ!? #RAKUSMeetup
mission プロダクト開発の中心となって 顧客課題を解決する 優れたUXを生み出す #RAKUSMeetup
mission プロダクト開発の中心となって 顧客課題を解決する 優れたUXを生み出す #RAKUSMeetup
つまり、 プロダクト開発の「ハブ」となり 要望や課題を取りまとめ、 最適解を導きだす。 #RAKUSMeetup
今回お話するテーマ ハブ 【 hub 】 #RAKUSMeetup ハブじゃない ハブはこっち
ハブとして開発の中心となった取り組みの紹介 「東京ハブストーリー」 #RAKUSMeetup
新規サービス開発 ユーザーインタビュー ターゲット像の策定 第1話 ※いずれもプロダクトデザイン課メンバーによる活動紹介になります 第2話 第3話 Episode 「新サービスは突然に」 「声を聴かせて」
「あなたを知りたい」 #RAKUSMeetup 東京ハブストーリー
新規サービス開発 第1話 #RAKUSMeetup 東京ハブストーリー
新サービス開発における背景 電子帳簿保存法改正 2022年1月施行開始 #RAKUSMeetup 1.新規サービス開発
#RAKUSMeetup ハブ的取り組み 共通UIライブラリの作成& Storybookの導入・フロントエンドエンジニアとの連携 プロトタイプを用いて様々な関係者との仕様のすり合わせ プロモーション施策への関わり・クリエイティブ課と連携 1 2 3 1.新規サービス開発
#RAKUSMeetup 1.新規サービス開発 複数のプロダクトがある中でそれぞれデザインや操作感が異なる。 1-1. 共通UIライブラリの作成
#RAKUSMeetup 1.新規サービス開発 デザイナー間でデザインプリンシプルやポジショニングを整理 1-1. 共通UIライブラリの作成
1-1. 共通UIライブラリの作成 1.新規サービス開発
1-2. Storybookの活用 1.新規サービス開発 デザイナー × フロントエンドエンジニアで連携!
2.プロトタイプを用いて関係者との仕様のすり合わせ 1.新規サービス開発 デザイナー × 事業部長 × 企画 × CS ×
開発ですり合わせ!
3.プロモーション施策への関わり 1.新規サービス開発 プロダクトデザイン課 → クリエイティブ課へ! ロゴカラー LPデザイン案 バナーデザイン案
1.新規サービス開発 そしてついに...
1.新規サービス開発 リリース !!
1.新規サービス開発 結果 リリース開始から約3か月で 1万社のお申込み獲得!
1.新規サービス開発 さらに、 楽楽電子保存開発チームで受賞! チャレンジ賞受賞!!
第1話 完 #RAKUSMeetup 1.新規サービス開発
新規サービス開発 ユーザーインタビュー ターゲット像の策定 第1話 ※いずれもプロダクトデザイン課メンバーによる活動紹介になります 第2話 第3話 「新サービスは突然に」 「声を聴かせて」 「あなたを知りたい」
#RAKUSMeetup Episode 東京ハブストーリー
東京ハブストーリー ユーザーインタビュー 第2話
実施の背景 #RAKUSMeetup 2.ユーザーインタビュー 新機能を実装したが当初の計画より全体の使用頻度が高くないため PDMからプロダクトデザイン課に「UX改善」の依頼をいただく。 UX改善にあたり実際の声を聴くため「ユーザーインタビュー」を企画。インタビ ュー計画から実施、分析までデザイナー主導で動き出した。
デザイナーの役割 #RAKUSMeetup 2.ユーザーインタビュー ・関係各所調整 ・インタビュー設計 ・当日のインタビュー ・インタビュー結果分析 デザイナー カスタマーサクセス PMM
PDM
PdM、PMM同席のもと、インタビュー実施を重ね… #RAKUSMeetup 2.ユーザーインタビュー
2.ユーザーインタビュー 結果 実際に声を聞くことで、有益な情報が得られた。(詳細は割愛) このインタビュー結果を踏まえ、次年度の機能計画を改めて見直すことに。 さらに、PDM、PMM、CS、デザイナー間でプロダクトに対する 目線合わせができ、良い経験となった。
#RAKUSMeetup 2.ユーザーインタビュー 第2話 完
新規サービス開発 ユーザーインタビュー ターゲット像の策定 第1話 ※いずれもプロダクトデザイン課メンバーによる活動紹介になります 第2話 第3話 「新サービスは突然に」 「声を聴かせて」 「あなたを知りたい」
#RAKUSMeetup Episode 東京ハブストーリー
東京ハブストーリー ターゲット像の策定 第3話
実施の背景 #RAKUSMeetup 機能が充実してきた中で、過去に立てていたターゲット像と 実際のユーザーとでは、差が生まれる懸念があった。 契約者情報も多く蓄積されてきているため あらためてチャットディーラーのターゲット像を 明確化することになった。 3.ターゲット像の策定
調査開始 #RAKUSMeetup ・既存顧客の契約経緯の調査 3.ターゲット像の策定 ・カスタマーサポートによる お客様へのサポート記録(動画など)の 調査
関係者とミーティング #RAKUSMeetup 調査・分析結果をもとに デザイナー・企画・カスタマーサクセスで ミーティングを複数回実施し、 ターゲット像のすり合わせ 3.ターゲット像の策定 デザイナー 企画 CS
そして、ターゲット像の完成へ #RAKUSMeetup 3.ターゲット像の策定
結果 ターゲットを明確化させることでビジネスサイドとの視点がそろい、 打ち合わせがしやすくなった。 資料にまとめたことで開発関係者にも 共有と浸透がしやすくなった。 3.ターゲット像の策定
#RAKUSMeetup 3.ターゲット像の策定 第3話 完
まとめ #RAKUSMeetup この1年で、新たな仲間も デザイナーが担当する領域も どんどん広がっている。
#RAKUSMeetup 新しい仲間募集してまーす おわり うぇーい