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

「プロダクトとユーザーをつなぐ」BtoB SaaSデザインの面白さ

sizucca
November 26, 2022

「プロダクトとユーザーをつなぐ」BtoB SaaSデザインの面白さ

SaaS Design Conference 2022
BtoBビジネスとデザイナーをつなぐカンファレンス
2022/11/26
https://saasdesign-conf.uzabase.com/

Vertical SaaS企業に転職した元C向けサービスデザイナーが、入社してから気づいたBtoB領域・SaaSデザインならではのやりがいと面白さ。WebサイトデザインとプロダクトUIデザインの違いや、日々感じている課題感などを交えながら、アンドパッドのデザイナーが何を考え、建設・建築業界のユーザーとプロダクトを “つなぐため” にどのようにデザインしているのかをお話した際のスライドです。

▼内容書き起こし
https://note.com/sizucca/n/n615c383caf5c

sizucca

November 26, 2022
Tweet

More Decks by sizucca

Other Decks in Design

Transcript

  1. BtoB SaaS
    SaaS Design Conference 2022 BtoB
    2022/11/26

    View full-size slide

  2. 2
    @sizucca_
    2008 4 /
    Web
    2008 5
    UI
    2016 5 GMO
    UI/UX
    toC
    2021 7
    ANDPAD ⾒ UI/UX

    View full-size slide

  3. 3
    @sizucca_
    2008 4 /
    Web
    2008 5
    UI
    2016 5 GMO
    UI/UX
    toC
    2021 7
    ANDPAD ⾒ UI/UX
    toC 13
    toB 1 5

    View full-size slide

  4. 4
    1.
    2.
    3.
    4.
    5. BtoB SaaS

    View full-size slide

  5. 8
    ANDPAD Vertical SaaS
    Vertical SaaS
    Horizontal
    SaaS ※

    Slack Chatwork LINEWORKS
    freee
    SmartHR freee

    View full-size slide

  6. 9
    ×
    … etc
    … etc

    View full-size slide

  7. 12
    ANDPAD
    Web iOS Android
    LP

    View full-size slide

  8. 13
    ×
    … etc
    C
    B
    A E
    D F

    View full-size slide

  9. Web UI
    CtoC
    BtoC
    BtoBtoC
    BtoB
    16

    View full-size slide

  10. 17
    Web UI
    Web UI
    LP


    • IA
    • UX
    • UI





    • IA
    • UX
    • UI


    • QA

    View full-size slide

  11. 19
    1.
    1
    2019 4 4 p.18
    1. 2. → 3. 4.

    View full-size slide

  12. 20
    1.
    2 5
    Empathize
    Define
    Ideate
    Prototype
    Test

    View full-size slide

  13. 21
    1.
    ⪦䚉٬杼鉮
    Empathize
    㲊紶
    Define
    Ⱘ鵰
    Ideate
    鍱⛼
    Prototype
    吾錞
    Test
    塜׊ַ鐐갭؅氦釤٬㲊紶 塜׊ַ鉮婊瓀؅Ⱘ鵰




































    View full-size slide

  14. 22
    1.
    ⪦䚉٬杼鉮
    Empathize
    㲊紶
    Define
    Ⱘ鵰
    Ideate
    鍱⛼
    Prototype
    吾錞
    Test
    塜׊ַ鐐갭؅氦釤٬㲊紶 塜׊ַ鉮婊瓀؅Ⱘ鵰









































    • CJM


    • PDCA

    View full-size slide

  15. 23
    1.
    ⪦䚉٬杼鉮
    Empathize
    㲊紶
    Define
    Ⱘ鵰
    Ideate
    鍱⛼
    Prototype
    吾錞
    Test
    塜׊ַ鐐갭؅氦釤٬㲊紶 塜׊ַ鉮婊瓀؅Ⱘ鵰







































    • UX

    • UI
    • QA

    • UI

    View full-size slide

  16. 25
    3.



    View full-size slide

  17. 28
    STEP 0



    View full-size slide

  18. 33
    Slack
    Slack
    ANDPAD
    BS
    toC

    View full-size slide

  19. BtoB SaaS
    35
    5

    View full-size slide

  20. BtoB SaaS
    36
    1.
    2.
    3. toB

    View full-size slide

  21. 37
    UI/UX BX
    UI/UX
    ×IT
    BX

    View full-size slide