Upgrade to Pro — share decks privately, control downloads, hide ads and more …

BtoBtoC × プラットフォーム型サービスへのデザイナーの挑戦

Sumire Hibiya
August 31, 2022

BtoBtoC × プラットフォーム型サービスへのデザイナーの挑戦

2022/08/04 プロダクトデザイナーMeetup登壇資料

Sumire Hibiya

August 31, 2022
Tweet

More Decks by Sumire Hibiya

Other Decks in Design

Transcript

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

    2022/08/04
  2. 0 2 はじめに ©10X, Inc. All Rights Reserved. 自己紹介 日比谷

    すみれ @suuminbot 株式会社10X デザイナー 職‚ w 2015-2017 Goodpatcy w 2017-2021 Fundb w 2021.02- 10X
  3. 0 3 ©10X, Inc. All Rights Reserved.

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

  5. 0 5 Stailer概要 ©10X, Inc. All Rights Reserved. 事業策定 在庫準備

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

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

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

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

    Inc. All Rights Reserved. Stailer概要
  10. 1 0 ©10X, Inc. All Rights Reserved. BtoBtoC × プラットフォーム型サービス

    の体験向上を進めるために、 デザインチームや会社として取り組んでいることを お話しします!
  11. 1 1 取り組み ©10X, Inc. All Rights Reserved. 1 業務・ユーザー理解

  12. 1 2 ©10X, Inc. All Rights Reserved. 取り組み 不定期に現場に入り実作業を行う or

    視察 € オペレーション全体像・各工程の理y € 現場でのリアルなペイg € UIの操作性確認
  13. 1 3 ©10X, Inc. All Rights Reserved. 取り組み #genba

  14. 14 取り組み 1/ 業務・ユーザー理解 ©10X, Inc. All Rights Reserved. 現場視察

    パートナー企業との 密なコミュニケーション N1インタビュー
  15. 1 5 取り組み 自分たちもめっちゃ使う ©10X, Inc. All Rights Reserved.

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

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

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

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

    イベントストーミングで業務フローや
 論点を整理 → ラフを作りつつチームですり合わせ ※イシューの大小でどう詰めていくかは様々
  20. 20 ©10X, Inc. All Rights Reserved. 取り組み 仕様が完全に決まった状態でUIだけ依頼されたり、 表層のhow/whatだけ依頼を受けたりすることもあった…

  21. 2 1 ©10X, Inc. All Rights Reserved. 取り組み ユーザー体験やデザインについて 社内プレゼンテーション

    & 新入社員の方向けオリエンテーションを実施
  22. 2 2 ©10X, Inc. All Rights Reserved.

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

  24. 24 取り組み 3/ 探索的なデザイン制作 ©10X, Inc. All Rights Reserved. デザイナー間や他職種メンバーと壁打ち・レビューしたり

    かなり早い段階で作ったものを先方にお見せしたり フルリモート環境でも気軽にcallをつないで
 ブラッシュアップ デザイン検討中や実装中は1日3-4回は `@google_meet` とbotを呼び出してcallしている
  25. 2 5 取り組み ©10X, Inc. All Rights Reserved. 4 仕組み・アセットづくり

  26. 2 6 デザインチームの状況と目指していること Y フルタイムのデザイナー2名 + 業務委託のデザイナー(副業含め)3~4 Y 担当分野をガチガチに決めない。イシューの優先度とその時の状況に応じて
 フルタイムのメンバーはどんなイシューがきても担当できるようにした‡

    Y 担当者以外も現行仕様やデザインの意図を把握できるようにしたい ©10X, Inc. All Rights Reserved. 取り組み
  27. 2 7 型化・仕組み化・言語化 ©10X, Inc. All Rights Reserved. 取り組み

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

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

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

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

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

  33. 3 3 取り組み ©10X, Inc. All Rights Reserved. 5 “As

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

    Rights Reserved. 社内には頼れる仲間がたくさんいるので、頼る データ分析・仕様検討 ユーザー獲得・販促・N1インタビュー・お問い合わせからの課題抽出 ユーザー体験改善 セレクション・パートナー企業の利用状況把握
  35. 3 5 大事にしていること 課題やユーザーを知り・共感を持つ 仕組みづくりやアセットづくりでスループットをあげる 探索的にデザインする “As One Team”で進める… ©10X,

    Inc. All Rights Reserved. デザイナーの取り組み
  36. 3 6 デザイナーの取り組み プロダクトデザイン指針を作った ©10X, Inc. All Rights Reserved. u

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

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

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

  40. 40 実際の事例 改善の流れ ©10X, Inc. All Rights Reserved. d パートナー企業からのイシューレイズ

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

    この業務に必要な要素の整r d ラベル番X d 最終的なお届け点D d 情報の並び順改@ d 優先度ごとにメリハリをつける
  42. 4 2 実際の事例 各デザイナーの専門性を持って 劇的によくなることがいっぱいある (記載は一例) ©10X, Inc. All Rights

    Reserved. ユーザー体験設計 インタラクション 情報設計 (モデリング) ビジュアルデザイン ライティング 要件定義 高品質なデザインのアウトプットを支えるプロセス・仕組み プロトタイピング デザインシステム レビュー 複雑な業務
  43. 4 3 小売事業者・現場スタッフ・一般のお客様の 体験に対してインパクトのあることを
 泥臭くコツコツやっています…! ©10X, Inc. All Rights Reserved.

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

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

  46. 4 6 これからのStailer 様々なチャレンジが待ち構えています ©10X, Inc. All Rights Reserved. プロダクトの業務カバー領域拡大

    大〜中規模店舗を対象としたストアモデルから、 センターモデルにも対応へ Stailer導入パートナーの拡大 2022年8月現在8社ローンチ済み → 2024年3月時点で••社目標 プラットフォーム化 FlyWheelに沿ったプロダクト改善
  47. 47 これからのStailer ©10X, Inc. All Rights Reserved.

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

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

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

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

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

    身近な存在にしていきたい
  53. 5 3 これからのStailer ネットスーパーの根源的なUXは、 業務システム(サプライチェーン)の上に成り立つ ©10X, Inc. All Rights Reserved.

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

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

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

  57. 5 7 これからのStailer ©10X, Inc. All Rights Reserved. 現在デザイナーは2名 (社員80名)

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

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

    来週から産休 @suuminbot ナイル → Goodpatch → Funds → 10X @i_maasa 楽天 → Goodpatch → フリーランス
 → モノカブ → 10X
  60. 6 0 ©10X, Inc. All Rights Reserved. これからのStailer “As One

    Team” で ネットスーパーをもっと身近な存在に & 一緒に10xを社会実装していきましょう
  61. 6 1 最後に 現在10Xではプロダクトデザイナーを絶賛大募集しています! ©10X, Inc. All Rights Reserved. 採用ページ

    https://jobs.10x.co.jp カジュアル面談お気軽にどうぞ! Meetyで「10X」で検索 いまいま転職意欲なくてもWelcomeです!
  62. 6 2 Thanks for Listening! @suuminbot ©10X, Inc. All Rights

    Reserved. 最後に