Slide 1

Slide 1 text

BtoBtoC × プラットフォーム型サービスへの デザイナーの挑戦 株式会社10X デザイナー 日比谷 すみれ @ プロダクトデザイナーMeetup 2022/08/04

Slide 2

Slide 2 text

0 2 はじめに ©10X, Inc. All Rights Reserved. 自己紹介 日比谷 すみれ @suuminbot 株式会社10X デザイナー 職‚ w 2015-2017 Goodpatcy w 2017-2021 Fundb w 2021.02- 10X

Slide 3

Slide 3 text

0 3 ©10X, Inc. All Rights Reserved.

Slide 4

Slide 4 text

04 ©10X, Inc. All Rights Reserved. Stailer ネットスーパー(チェーンストアEC) の垂直立ち上げプラットフォーム

Slide 5

Slide 5 text

0 5 Stailer概要 ©10X, Inc. All Rights Reserved. 事業策定 在庫準備 EC開店 店舗運用 配達 CS グロース 機能価値 商品画像撮影 ツール 商品マスタ 自動生成 モバイルアプリ 作業ツール (ピックパック) 在庫管理 (WMS) 配達管理 (TMS) チャットツール CRM基盤 提供 サービス PL分析 戦略策定 オペレーション デザイン 在庫生成 ロジック作成 欠品削減分析 オンボード支援 KPI策定 効率分析 配達効率分析 サポート対応 顧客分析 顧客獲得施策 CRM施策

Slide 6

Slide 6 text

0 6 ©10X, Inc. All Rights Reserved.

Slide 7

Slide 7 text

0 7 Stailer概要 全国8社で導入(2022年8月現在) ©10X, Inc. All Rights Reserved.

Slide 8

Slide 8 text

0 8 実際のところ、デザインめっちゃ難しい 小売業務そのものに対して素人 特定の1社のオペレーションに最適化すればいい訳ではない 将来的な拡張を見据えたデザイン お客様の生活インフラを支えるサービス ネットスーパーアプリの売場1つとってもいろいろな状態・パターンがある 扱うシステムがかなり大きい フルタイムのデザイナー2名! … ©10X, Inc. All Rights Reserved. Stailer概要

Slide 9

Slide 9 text

0 9 大事にすべきことが見えてきた 課題やユーザーを知り・共感を持つ 仕組みづくりやアセットづくりでスループットをあげる 探索的にデザインする “As One Team”で進める… ©10X, Inc. All Rights Reserved. Stailer概要

Slide 10

Slide 10 text

1 0 ©10X, Inc. All Rights Reserved. BtoBtoC × プラットフォーム型サービス の体験向上を進めるために、 デザインチームや会社として取り組んでいることを お話しします!

Slide 11

Slide 11 text

1 1 取り組み ©10X, Inc. All Rights Reserved. 1 業務・ユーザー理解

Slide 12

Slide 12 text

1 2 ©10X, Inc. All Rights Reserved. 取り組み 不定期に現場に入り実作業を行う or 視察 € オペレーション全体像・各工程の理y € 現場でのリアルなペイg € UIの操作性確認

Slide 13

Slide 13 text

1 3 ©10X, Inc. All Rights Reserved. 取り組み #genba

Slide 14

Slide 14 text

14 取り組み 1/ 業務・ユーザー理解 ©10X, Inc. All Rights Reserved. 現場視察 パートナー企業との 密なコミュニケーション N1インタビュー

Slide 15

Slide 15 text

1 5 取り組み 自分たちもめっちゃ使う ©10X, Inc. All Rights Reserved.

Slide 16

Slide 16 text

1 6 取り組み 自分たちもめっちゃ使う ©10X, Inc. All Rights Reserved.

Slide 17

Slide 17 text

1 7 ©10X, Inc. All Rights Reserved. 取り組み 今日届いた商品

Slide 18

Slide 18 text

1 8 取り組み ©10X, Inc. All Rights Reserved. 2 課題整理・何を作るか決めるところから関わる

Slide 19

Slide 19 text

1 9 取り組み 2/ 課題整理・何を作るか決めるところから関わる ©10X, Inc. All Rights Reserved. イベントストーミングで業務フローや
 論点を整理 → ラフを作りつつチームですり合わせ ※イシューの大小でどう詰めていくかは様々

Slide 20

Slide 20 text

20 ©10X, Inc. All Rights Reserved. 取り組み 仕様が完全に決まった状態でUIだけ依頼されたり、 表層のhow/whatだけ依頼を受けたりすることもあった…

Slide 21

Slide 21 text

2 1 ©10X, Inc. All Rights Reserved. 取り組み ユーザー体験やデザインについて 社内プレゼンテーション & 新入社員の方向けオリエンテーションを実施

Slide 22

Slide 22 text

2 2 ©10X, Inc. All Rights Reserved.

Slide 23

Slide 23 text

2 3 取り組み ©10X, Inc. All Rights Reserved. 3 探索的なデザイン制作

Slide 24

Slide 24 text

24 取り組み 3/ 探索的なデザイン制作 ©10X, Inc. All Rights Reserved. デザイナー間や他職種メンバーと壁打ち・レビューしたり かなり早い段階で作ったものを先方にお見せしたり フルリモート環境でも気軽にcallをつないで
 ブラッシュアップ デザイン検討中や実装中は1日3-4回は `@google_meet` とbotを呼び出してcallしている

Slide 25

Slide 25 text

2 5 取り組み ©10X, Inc. All Rights Reserved. 4 仕組み・アセットづくり

Slide 26

Slide 26 text

2 6 デザインチームの状況と目指していること Y フルタイムのデザイナー2名 + 業務委託のデザイナー(副業含め)3~4 Y 担当分野をガチガチに決めない。イシューの優先度とその時の状況に応じて
 フルタイムのメンバーはどんなイシューがきても担当できるようにした‡ Y 担当者以外も現行仕様やデザインの意図を把握できるようにしたい ©10X, Inc. All Rights Reserved. 取り組み

Slide 27

Slide 27 text

2 7 型化・仕組み化・言語化 ©10X, Inc. All Rights Reserved. 取り組み

Slide 28

Slide 28 text

2 8 ©10X, Inc. All Rights Reserved.

Slide 29

Slide 29 text

2 9 ©10X, Inc. All Rights Reserved.

Slide 30

Slide 30 text

3 0 ©10X, Inc. All Rights Reserved.

Slide 31

Slide 31 text

3 1 ©10X, Inc. All Rights Reserved.

Slide 32

Slide 32 text

3 2 ©10X, Inc. All Rights Reserved.

Slide 33

Slide 33 text

3 3 取り組み ©10X, Inc. All Rights Reserved. 5 “As One Team”で進める

Slide 34

Slide 34 text

34 取り組み 5/ “As One Team” で進める ©10X, Inc. All Rights Reserved. 社内には頼れる仲間がたくさんいるので、頼る データ分析・仕様検討 ユーザー獲得・販促・N1インタビュー・お問い合わせからの課題抽出 ユーザー体験改善 セレクション・パートナー企業の利用状況把握

Slide 35

Slide 35 text

3 5 大事にしていること 課題やユーザーを知り・共感を持つ 仕組みづくりやアセットづくりでスループットをあげる 探索的にデザインする “As One Team”で進める… ©10X, Inc. All Rights Reserved. デザイナーの取り組み

Slide 36

Slide 36 text

3 6 デザイナーの取り組み プロダクトデザイン指針を作った ©10X, Inc. All Rights Reserved. u 課題や前提条件を理解し、ズレがないか確認す„ u ユーザーの抱えるイシューに向いて取り組| u プラットフォーム対応を前提とす„ u デザイナーとして取りうる最善策をまず検討す„ u 通り道にゴミが落ちてたら拾f u 実装されて世に出るアウトプットに責任を持つ …などなど

Slide 37

Slide 37 text

3 7 ©10X, Inc. All Rights Reserved. 実際の事例

Slide 38

Slide 38 text

3 8 実際の事例 ©10X, Inc. All Rights Reserved. 注文商品検索 課題 s 注文を受けた商品を梱包後、バックヤードに商品が残ってしまうことがある。
 これがどの注文の商品か分からないW s もともと管理画面に画面自体はあったが、実際のオペレーション利用に即した画面 になっていなかった。

Slide 39

Slide 39 text

3 9 実際の事例 ©10X, Inc. All Rights Reserved. 注文商品検索

Slide 40

Slide 40 text

40 実際の事例 改善の流れ ©10X, Inc. All Rights Reserved. d パートナー企業からのイシューレイズ & 現場で業務体 験をしたメンバーからも強いペインがあると聞き、検 討開X d 業務体験をしたメンバーにヒアリングをしつつ、画面 作P d デザインラフ作成後、パートナー企業でオペレーショ ンに詳しいご担当者の方にレビューいただ8 d 数回調整の後、実装・リリースへ

Slide 41

Slide 41 text

0 1 実際の事例 対応したこと ©10X, Inc. All Rights Reserved. d この業務に必要な要素の整r d ラベル番X d 最終的なお届け点D d 情報の並び順改@ d 優先度ごとにメリハリをつける

Slide 42

Slide 42 text

4 2 実際の事例 各デザイナーの専門性を持って 劇的によくなることがいっぱいある (記載は一例) ©10X, Inc. All Rights Reserved. ユーザー体験設計 インタラクション 情報設計 (モデリング) ビジュアルデザイン ライティング 要件定義 高品質なデザインのアウトプットを支えるプロセス・仕組み プロトタイピング デザインシステム レビュー 複雑な業務

Slide 43

Slide 43 text

4 3 小売事業者・現場スタッフ・一般のお客様の 体験に対してインパクトのあることを
 泥臭くコツコツやっています…! ©10X, Inc. All Rights Reserved. 実際の事例

Slide 44

Slide 44 text

44 ©10X, Inc. All Rights Reserved. 実際の事例 ※イベント時のみ公開

Slide 45

Slide 45 text

4 5 ©10X, Inc. All Rights Reserved. これからのStailer

Slide 46

Slide 46 text

4 6 これからのStailer 様々なチャレンジが待ち構えています ©10X, Inc. All Rights Reserved. プロダクトの業務カバー領域拡大 大〜中規模店舗を対象としたストアモデルから、 センターモデルにも対応へ Stailer導入パートナーの拡大 2022年8月現在8社ローンチ済み → 2024年3月時点で●●社目標 プラットフォーム化 FlyWheelに沿ったプロダクト改善

Slide 47

Slide 47 text

47 これからのStailer ©10X, Inc. All Rights Reserved.

Slide 48

Slide 48 text

4 8 これからのStailer ©10X, Inc. All Rights Reserved.

Slide 49

Slide 49 text

4 9 これからのStailer ©10X, Inc. All Rights Reserved. https://yamotty.tokyo/post/20220703

Slide 50

Slide 50 text

5 0 ©10X, Inc. All Rights Reserved.

Slide 51

Slide 51 text

5 1 これからのStailer ©10X, Inc. All Rights Reserved.

Slide 52

Slide 52 text

5 2 ©10X, Inc. All Rights Reserved. これからのStailer 日常生活を支えるインフラサービスとして もっともっと便利で使いやすく 身近な存在にしていきたい

Slide 53

Slide 53 text

5 3 これからのStailer ネットスーパーの根源的なUXは、 業務システム(サプライチェーン)の上に成り立つ ©10X, Inc. All Rights Reserved. ネットスーパー のUX 業務システム q 欲しい商品がネットスーパーになk q 注文した商品が欠品し’ q 注文したいのに注文枠がすべて埋まっている q 在庫マスターの整備、品揃え改œ q オペレーションの改善により、より多くの注文を少なく平準さ れた作業負荷で効率的に処理できるようにする …etc

Slide 54

Slide 54 text

54 これからのStailer ©10X, Inc. All Rights Reserved.

Slide 55

Slide 55 text

5 5 BtoBtoC × プラットフォーム型サービスで、 デザイナーが価値を発揮できること、
 山のようにあります! ©10X, Inc. All Rights Reserved. これからのStailer

Slide 56

Slide 56 text

5 6 これからのStailer ©10X, Inc. All Rights Reserved.

Slide 57

Slide 57 text

5 7 これからのStailer ©10X, Inc. All Rights Reserved. 現在デザイナーは2名 (社員80名) @suuminbot ナイル → Goodpatch → Funds → 10X @i_maasa 楽天 → Goodpatch → フリーランス
 → モノカブ → 10X

Slide 58

Slide 58 text

5 8 これからのStailer ©10X, Inc. All Rights Reserved. 現在デザイナーは2名 (社員80名) 来週から産休 @suuminbot ナイル → Goodpatch → Funds → 10X @i_maasa 楽天 → Goodpatch → フリーランス
 → モノカブ → 10X

Slide 59

Slide 59 text

5 9 これからのStailer ©10X, Inc. All Rights Reserved. 機会に対して 圧倒的にデザイナーが足りない 来週から産休 @suuminbot ナイル → Goodpatch → Funds → 10X @i_maasa 楽天 → Goodpatch → フリーランス
 → モノカブ → 10X

Slide 60

Slide 60 text

6 0 ©10X, Inc. All Rights Reserved. これからのStailer “As One Team” で ネットスーパーをもっと身近な存在に & 一緒に10xを社会実装していきましょう

Slide 61

Slide 61 text

6 1 最後に 現在10Xではプロダクトデザイナーを絶賛大募集しています! ©10X, Inc. All Rights Reserved. 採用ページ https://jobs.10x.co.jp カジュアル面談お気軽にどうぞ! Meetyで「10X」で検索 いまいま転職意欲なくてもWelcomeです!

Slide 62

Slide 62 text

6 2 Thanks for Listening! @suuminbot ©10X, Inc. All Rights Reserved. 最後に