Webサービスをデザインするってどういうこと？- STORES.jpの場合

スタートアップの女性デザイナーが登壇！Designer's Meetup★ / 2014.03.14

Transcript

1. ͷ৔߹
   WebαʔϏεΛ
   σβΠϯ͢Δͬͯ
   Ͳ͏͍͏͜ͱʁ
   Bracket, Inc. Kanako Kawahara
   2014.3.14ελʔτΞοϓͷঁੑσβΠφʔ͕ొஃʂDesigner's Meetup˒
   

   View Slide

2. ࣗݾ঺հͱ
   ͜Ε·Ͱͷܦྺ
   

   View Slide

3. Տݪ߳ಸࢠ@kanakt
   2013.05
   Bracket, Inc.
   σβΠϯςϯϓϨʔτͷຊɺ
   ग़͠·ͨ͠ɻ
   8PSE1SFTTͰ࡞Δ
   ັͤΔ8FCαΠτͷσβΠϯίϨΫγϣϯ
   ʢϚΠφϏʣ
   

   View Slide

4. ɾଟຎඒ৘ใσβΠϯֶՊଔ
   ɾલ৬͸গਓ਺ͷ8FC੍࡞ձࣾ
   ɾडୗத৺͕ͩͬͨɺ
   ࣗࣾαʔϏε΋
   ɹ΍͓ͬͯΓɺ
   ͦͬͪͷํ͕໘ന͔ͬͨ
   ɾ୅࠷ޙͷνϟϨϯδʂ
   

   View Slide

5. View Slide

6. B R ACKET
   डୗͰ͸ͳࣗࣾ͘αʔϏεͷσβΠϯΛ
   ΍ͬͯΈ͍ͨͱࢥ͍ͬͯͨͱ͜Ζɺ
   ϩʔϯν͔࣌Β஫໨͍ͯͨ͠
   4503&4KQͷσβΠφʔืू͕͋ͬͨɻ
   ίϯηϓτͱੈք؍͕޷͖ͩͬͨɻ
   

   View Slide

7. B R ACKET
   ಛʹελʔτΞοϓͰಇ͖͍ͨʂͱ͍͏
   Θ͚Ͱ͸ͳ͔͕ͬͨɺ
   ໘നͦ͏ͳձࣾΛ
   ୳͍ͯͨ͠Βɺ
   ݁Ռతʹͦ͏ͳͬͨɻ
   ࿩Λฉ͍ͯΈͨ
   ʢ8BOUFEMZʣ
   ͱ͜Ζ
   ΍ͬͺΓ໘നͦ͏ͩͬͨͷͰɺ
   ೖࣾͨ͠ɻ
   

   View Slide

8. View Slide

9. ࠷୹෼Ͱɺ
   ڻ͘΄Ͳ؆୯ʹ
   ΦϯϥΠϯετΞ͕ͭ͘ΕΔ
   

   View Slide

10. View Slide

11. View Slide

12. STORE S . jp
    ओʹ΍͍ͬͯΔ͜ͱ
    ɾ৽ػೳɺ
    طଘػೳͷݟ௚͠ɺ
    վળͳͲ
    ɾϚʔέοτϓϨΠεͷ੍࡞
    ɾ
    εϚϗڧԽ
    

    View Slide

13. STORE S . jp
    ஍ຯʹ΍͍ͬͯΔ͜ͱ
    ɾϦϦʔε༻ϏδϡΞϧ
    ɾ
    ϝϧϚΨ
    ɾ13ΞΠςϜ
    

    View Slide

14. STORE S . jpʷ
    MARKET
    ʮചΕΔʯ
    ৔ॴΛͭ͘Δʂ
    ϚʔέοτϓϨΠεΛ֦େதʂ
    

    View Slide

15. View Slide

16. جຊతʹͭͷαʔϏεͰ͕͢
    ҙ֎ͱख޿͘΍͍ͬͯ·͢ɻ
    

    View Slide

17. σβΠφʔͷ໾ׂ
    4503&4KQͷ৔߹
    

    View Slide

18. U I/UX . . .?
    

    View Slide

19. DE SIG N
    ɾϢʔβʔ͕ૢ࡞͢Δ෦෼ͷ6*69ઃܭ
    ɾ໌շͳϏδϡΞϧσβΠϯ
    ɾ਌͠Έ΍͍͢ςΩετ
    ɾը໘֎ͷ13ΞΠςϜFUD
    

    View Slide

20. αʔϏεͷϒϥϯσΟϯάʹ
    ؔΘΔ΋ͷ͸جຊ͢΂ͯσβΠϯɻ
    DE SIG N
    

    View Slide

21. DE SIG N E R
    ༷ʑͳΞ΢τϓοτΛհͯ͠ɺ
    αʔϏεͷϏδϣϯ΍ίϯηϓτΛ
    ·ΔͬͱՄࢹԽ͠ɺ
    ੈք؍Λͭ͘Δਓɻ
    

    View Slide

22. DE SIG N E R
    σβΠφʔ͸ɺ
    ۩ମతʹ໨ʹݟ͑ͯ
    ৮ΕΒΕΔ΋ͷΛͭ͘ΕΔͷͰɺ
    Ϣʔβʔͱͷڑ཭͕͍ۙɻ
    

    View Slide

23. DE SIG N E R
    ࠷ऴతͳΞ΢τϓοτʹ
    ੹೚Λ࣋ͭͷ͕σβΠφʔͷ໾ׂɻ
    ઃܭ͔Βදݱ·Ͱ͕
    ʮσβΠϯʯ
    ɻ
    

    View Slide

24. DE SIG N E R
    ߟ͑ํ͸༷ʑ͔ͱࢥ͍·͕͢ɺ
    4503&4KQͰ͸ɺ
    σβΠφʔͷ
    ໾ׂΛ͜ͷΑ͏ʹߟ͍͑ͯ·͢ɻ
    

    View Slide

25. ݸਓతʹ৺ֻ͚ͯ
    ͍Δ͜ͱͭ
    

    View Slide

26. 1
    ࣗ෼ͷྖ෼Λݶఆ͠ͳ͍ɻ
    αʔϏεʹؔΘΔશͯͷࣄฑʹ͓͍ͯ
    σβΠφʔͷࢹ఺Λ࣋ͬͯ޲͖߹͏͜ͱɻ
    σβΠϯΛ޿͘ଊ͑Δ
    

    View Slide

27. ʮ͜Μͳʹ؆୯ͳͷʁʯ
    ͱ͍͏ڻ͖΍
    ϫΫϫΫײ4503&4KQͷੈք؍ɻ
    ੈք؍ʹԊͬͨઃܭɾදݱΛ͢Δ͜ͱɻ
    ੈք؍Λେ੾ʹ͢Δ
    2
    

    View Slide

28. 3
    ͻͱΓΑ͕Γͷͩ͜ΘΓͰ͸ͳ͘ɺ
    αʔϏεͷ৴པ౓Λ্͛Δͱ͍͏ҙࢥͰ
    Ξ΢τϓοτͷ࣭ʹࣥண͢Δ͜ͱɻ
    Ξ΢τϓοτʹࣥண͢Δ
    

    View Slide

29. 4
    σβΠϯͷҙਤΛ͖ͪΜͱ఻͑Δɻ
    ੵۃతʹίϛϡχέʔγϣϯΛऔΓ
    ਐΊํͳͲ͸ྟػԠมʹରԠ͢Δ͜ͱɻ
    ΤϯδχΞͱ஥ྑ͘͢Δ
    

    View Slide

30. 1 σβΠϯΛ޿͘ଊ͑Δ
    2 ੈք؍Λେ੾ʹ͢Δ
    3 Ξ΢τϓοτʹࣥண͢Δ
    4 ΤϯδχΞͱ஥ྑ͘͢Δ
    

    View Slide

31. ελʔτΞοϓ
    ͳΒͰ͸ͷ͜ͱ
    

    View Slide

32. STARTU P
    Ϧιʔε͕ݶΒΕ͍ͯΔ
    ʢਓʣ
    ͨΊ
    ࠓͷঢ়گͰԿΛ͢ΔͱҰ൪ޮՌతͳͷ͔ɺ
    ͪΌΜͱ੒௕͕ݟࠐΊΔ෦෼ʹྗΛ஫͙
    ͜ͱ͕Ͱ͖ͯΔ͔Ͳ͏͔͸ҙ͍ࣝͯ͠Δɻ
    

    View Slide

33. STARTU P
    ࡋྔɺ
    ੹೚ɺ
    Մೳੑ͕
    େ͖͍
    

    View Slide

34. 4503&4KQͷ੒௕ͱҰॹʹɺ
    ࣗ෼ࣗ਎΋σβΠφʔͱͯ͠ɺ
    େ͖͘੒௕͍ͨ͠ͱࢥ͍ͬͯ·͢ɻ
    STARTU P
    

    View Slide

35. STARTU P
    8FCαʔϏεͷσβΠφʔ͸
    ·ͩ·ͩগͳ͍ͷͰɺ
    େ͖ͳνϟϯε͕͋Δ͸ͣʂ
    ʂ
    

    View Slide

36. STARTU P
    ͱ͍͏͜ͱͰ
    

    View Slide

37. ϒϥέοτͰ͸σβΠφʔΛืू͍ͯ͠·͢ʂ
    Ұॹʹ4503&4KQΛͭ͘Γ·͠ΐ͏ʂ
    ʂ
    ौ୩ΦϑΟε͕͓͠ΌΕ͓΍ͭͱϨουϒϧແྉ
    WANTE D!!
    

    View Slide