越境を生む環境 / Cookpad Product Kitchen #1 with Takram

Cookpad Product Kitchen #1 with Takram での発表資料
https://cookpad.connpass.com/event/107374/

Transcript

1. ਆݪܒհ
   Lead Design Engineer / Takram
   ӽڥΛੜΉ؀ڥ
   

   View Slide

2. Background
   Ⓕ⒐⒒ۀք ΞΧσϛοΫۀք σβΠϯۀք
   ιϑτ΢ΣΞΤϯδχΞ ݚڀऀʢUI/HCIʣ σβΠϯΤϯδχΞ
   σβΠφʔܦݧͳ͠
   

   View Slide

3. UI/UX
   Product
   Branding
   Many others
   Design Innovation Firm
   30 ~ 40 members
   Tokyo and London
   

   View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. χϡʔλΠϓσβΠφʔ͕૿Ճ
    Ⓖ⒫Ⓑ⒮⒳⒫ ⒲⒮Ⓕ
    ⒺⓁσβΠφʔɾϏδωεσβΠφʔɾσβΠϯϦαʔνϟʔͳͲ
    

    View Slide

11. ⒬Ⓘ⒭Ϟσϧ
    BUSINESS
    TECHNOLOGY CREATIVITY
    Business Technologist Business Designer
    Design Engineer
    ⒬
    Ⓘ ⒭
    

    View Slide

12. ⒬Ⓘ⒭ͷࢁΛొΔ
    ⒬
    Ⓘ ⒭
    ௖఺
    

    View Slide

13. ⒬Ⓘ⒭ొࢁίʔε
    ⒽⓙⓐⓞⓡⓋⓜⓏ
    ⒯ⓘⓑⓓⓘⓏⓏⓜ
    ⒱ⓜⓋⓚⓒⓓⓍ
    ⒮ⓏⓝⓓⓑⓘⓏⓜ
    ⒰ⓋⓌⓜⓓⓍⓋⓞⓓⓙⓘ
    ⒯ⓘⓑⓓⓘⓏⓏⓜ
    ϞόΠϧ
    αʔϏεͷ
    Ⓙ⒳ઃܭ
    Ⓒ⒲⒵ͷ
    ൪૊Ωϟϥ
    σβΠϯ
    ࣗಈंͷ
    ϓϩτλΠϓ
    ઃܭ੍࡞
    ⒳ⓙⒾ
    ϓϩμΫτͷ
    اը
    ॻ੶ͷ
    ૷ஸ
    σβΠϯ
    ΢ΣΞϥϒϧ
    σόΠεͷ
    اըɾઃܭ
    ۭߓ
    ϥ΢ϯδͷ
    ۭؒઃܭ
    ৯඼ͷ
    ঎඼ࣄۀ
    ઓུاը
    Ի੠Ⓙ⒳ͷ
    ίϯηϓτ
    ઃܭ
    ෺ྲྀ
    γεςϜͷ
    αʔϏεઃܭ
    ϞόΠϧ
    αʔϏεͷ
    Ⓙ⒳ઃܭ
    ྔ࢈
    ϓϩμΫτ
    σβΠϯ
    ⒬Ⓘ⒭ͷࢁΛొΔίʔε͸ਓͦΕͧΕ
    ஈ֊తʹখ͞ͳδϟϯϓΛ܁Γฦ͢
    

    View Slide

14. ໘౗ɺɺ
    ා͍ɺɺ
    ୲౰ྖҬ֎ͷࣄ͸
    Ͱ͖ͳ͍
    ࣌ؒతཧ༝
    ૊৫తཧ༝
    ৺ཧతཧ༝
    ͳ͔ͳ͔
    ਎ʹ͔ͭͳ͍
    ӽڥ͸ى͖ͳ͍ํ͕ී௨
    େલఏ
    

    View Slide

15. ӽڥͷϋʔυϧΛԼ͛Δ؀ڥଆͷ࢓૊Έ͕ඞཁ
    ӽڥ͸ࣗવൃੜతʹ͸ى͖ʹ͍͘
    3 MAN CELL
    3 PROJECTS
    3 METER
    ϓϩδΣΫτͷνʔϜߏ੒ ಉ࣌ฒߦϓϩδΣΫτ਺ ϓϩδΣΫτϝϯόʔͱͷڑ཭
    

    View Slide

16. ͦͷ෼໺ʹৄ͍͠⒰ਓ ৄ͘͠ͳ͍⒯ਓ
    εΩϧ
    3 MAN CELL
    ϓϩδΣΫτͷνʔϜߏ੒
    ৽ͨͳࢹ఺
    ൒ڧ੍తʹӽڥΛى͜͢
    

    View Slide

17. ͜ΕҰຊ͚ͩͩͱਏ͍
    ෆಘҙྖҬϓϩδΣΫτ
    ಘҙྖҬ΋ಉ࣌ʹͰ͖Δͱ
    ਫ਼ਆతʹָ
    ┢ ઌ͕ݟ௨ͤΔ҆৺ײ
    ┢ ໾ʹཱͬͯΔײ
    Ұਓ͕ಉ࣌ฒߦʹਐΊΔ
    ϓϩδΣΫτ਺
    ಘҙྖҬ
    ಘҙྖҬ
    3 PROJECTS
    ӽڥͷετϨεΛ࿨Β͛Δ
    

    View Slide

18. ҟ෼໺ͷਓ͕ۙ͘ʹ͍Δ΄Ͳ
    ఻ୡ͕଎͘ɺೱ͘ͳΔ
    ϊ΢ϋ΢
    ϓϩηε
    Ձ஋؍
    ┢ ϖΞσβ͢Δ
    ┢ ؾ݉Ͷͳ͘ฉ͘ɾڭ͑Δ
    ┢ Α͘࿩͢
    ϓϩδΣΫτϝϯόʔͱͷ
    ෺ཧతڑ཭
    3 METER
    ҟ෼໺ʹର͢Δղ૾౓ΛߴΊΔ
    

    View Slide

19. ·ͱΊ
    ┢ ӽڥ͸ى͖ͳ͍ํ͕ී௨
    ┢ ӽڥΛҾ͖ى͜͢؀ڥଆͷ࢓૊Έ͕ඞཁ
    ⒝⒊Ⓑ⒫Ⓒ⒊⒭⒯ⒶⒶ
    ⒝⒊ⒺⒼⒹ⒴⒯⒭ⒾⒽ
    ⒝⒊Ⓑ⒯Ⓘ⒯Ⓖ
    ϓϩδΣΫτͷνʔϜߏ੒
    ಉ࣌ฒߦϓϩδΣΫτ਺
    ϓϩδΣΫτϝϯόʔͱͷڑ཭
    ┢ Ⓛ⓰ⓣⓟ⓲ⓧ⓴ⓣ͚ͩͰ͸ͳ͍ɺχϡʔλΠϓσβΠφʔ͕૿Ճ
    ┢ ⓀⓒⓁͷࢁΛొΔίʔε͸ਓͦΕͧΕ
    ┢ ஈ֊తʹখ͞ͳδϟϯϓΛ܁Γฦ͢
    

    View Slide

20. ϊϯσβΠφʔ͕σβΠϯͷ࢓ࣄͰߩݙ͢Δʹ͸ʁ
    

    View Slide

21. σβΠϯܥϓϩδΣΫτͷେ͖ͳྲྀΕ
    Ϧαʔν ίϯηϓτߏங ϓϩτλΠϐϯά
    ϓϩμΫγϣϯ
    ޲͚࠷ऴԽ
    ઐ໳ੑߴ
    ൚༻ੑߴ
    ϊϯσβΠφʔͰ΋
    લ൒ϓϩηεͰߩݙͰ͖Δ͜ͱ͸ଟ͍
    

    View Slide

22. લ൒ϓϩηε
    Ϧαʔν ίϯηϓτߏங ϓϩτλΠϐϯά
    ఆྔ෼ੳ
    ΠϯλϏϡʔ
    ࣄྫɾڝ߹ௐࠪ
    ΠϯαΠτநग़
    ߦಈ؍࡯
    Ⓙ⒳
    ۭؒ
    ϓϩμΫτ
    Ծઆܗ੒
    ίϯηϓτߏங
    ϫΠϠʔϑϨʔϜ
    ϜʔυϘʔυ
    ੩తϓϩτ ಈతϓϩτ
    ۭؒϨΠΞ΢τ
    ϜʔυϘʔυ
    ۭؒਤ໘
    ⓁⓅύʔε
    ࣮ੇϞοΫ
    εέον
    ϜʔυϘʔυ
    ίʔϧυϞοΫ ϗοτϞοΫ
    جຊ͸Ұॹ ߟ͑ํ΍εΩϧΛ
    స༻Մೳ
    ͋Δఔ౓ઐ໳తͳ
    εΩϧɾܦݧ͕ඞཁ
    

    View Slide

23. ࣮ࡍͷਐΊํ
    ͖ͬͪΓϦαʔν ίϯηϓτߏங ϓϩτλΠϐϯά
    ੵΈ্͛ํࣜ
    ͳΜ͔ࢥͬͯͨͷͱҧ͏◲ʂ
    Ұݟඇ߹ཧ͕ͩ͏·͍͘͘
    ޙ௥͍Ϧαʔν
    ࣌ؒ੾Εʂ
    צ΋པΓʹίϯηϓτߏங
    ͍͖ͳΓϓϩτλΠϐϯά
    Ͱ͖Δ͚ͩૣ͍ஈ֊Ͱ
    ΰʔϧΠϝʔδΛ͔ͭΉ
    ࢀߟɿᖛޱࢯ͕ޠΔʮΫϦΤΠςΟϒϓϩδΣΫτʯͷਐΊํ
    ⓦ⓲⓲⓮⓱Ⓒ⒭
    ⒭ⓠⓧ⓸⓸ⓧ⓬ⓣ⒬ⓨ⓮⒭ⓟ⓰⓲ⓧⓡ⓪ⓣ⒭ⓢⓣ⓲ⓟⓧ⓪⒭⒳⒯⒳
    Ұݟਖ਼͍͕ࣦ͠ഊ͠΍͍͢
    ॱෆಉࣜํࣜ
    

    View Slide

24. ݟཱͯΔྗ
    ཭୤཰
    ίϯόʔδϣϯ
    Ϧϐʔτ཰
    ߦಈϑϩʔ
    ଺ࡏ࣌ؒ
    Ϣʔβʔଐੑ
    ◲
    εέον
    ϫΠϠʔϑϨʔϜ
    ϞοΫΞοϓ
    ಈઢઃܭ
    φϏήʔγϣϯ
    ϜʔυϘʔυ
    ఆྔ෼ੳ ఆੑ෼ੳ
    ΠϯλϏϡʔ
    Ϣʔβʔςετ
    ߦಈ؍࡯
    ઃܭ ϓϩτλΠϐϯά
    ࣮ۭؒΛⓕⓣⓠʹʮݟཱͯΔʯ͜ͱͰస༻Ͱ͖Δߟ͑ํ
    ࣗ෼ͷಘҙͳྖҬͷߟ͑ํͰଞͷྖҬΛଊ͑Δ
    

    View Slide

25. ݟཱͯΔྗ
    ࣗ෼ͷಘҙͳྖҬͷߟ͑ํͰଞͷྖҬΛଊ͑Δ
    Ⓘ
    ⒭
    ⒬
    Կ͔Ұ͔ͭ֬ͳ͕࣠͋Δͱɺະ஌ྖҬͷݟཱ͕ͯޮ͖΍͍͢
    

    View Slide

26. @dex1t @kambara
    

    View Slide