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

そのあとの「デザイン」

 そのあとの「デザイン」

CAMPFIRE Design #1 2017/5/18

クックパッド内サービス、「料理きろく」をテーマにサービスをリリースしたあとのデザインの話や、デザイナーの取り組みについてをしました

3e64ab0aa15150f3e512a06e973cb41d?s=128

mari kimura

May 18, 2017
Tweet

Transcript

  1. ϢʔβʔʹՁ஋Λಧ͚ΔͨΊͷ αʔϏε։ൃ ͦͷ͋ͱͷʮσβΠϯʯ 2017/05/18 ΫοΫύουגࣜձࣾ ໦ଜਅཧ CAMPFIRE Design #1 ©2017

    Cookpad Inc. ALL Rights Reserved.
  2. ࣗݾ঺հ ໦ଜਅཧ (Mari Kimura) w iOS/Android ΫοΫύουΞϓϦ
 ʢྉཧ͖Ζ͘ʣ w iOS/Android

    ͓ྉཧΞϧόϜ XFC੍࡞ձࣾɺελʔτΞοϓΛܦͯɺ
 2015೥6݄ΫοΫύουʹೖࣾɻ αʔϏε։ൃ෦͖Ζ͘άϧʔϓσβΠφʔ
  3. ࠓ೔ͷ͓࿩ 
 αʔϏεΛϦϦʔεͨ͠ ͋ͱͷσβΠϯͷ࿩ ʮྉཧ͖Ζ͘ʯΛςʔϚʹ

  4. ྉཧ͖Ζ͘ ྉཧࣸਅΛࣗಈͰه࿥ͯ͠ɺ ϓϥΠϕʔτʹৼΓฦΒΕΔ αʔϏε ※ΫοΫύουΞϓϦ಺ͷυϩϫʔ͔Β
 ɹΞΫηεͰ͖·͢

  5. 66.2 ľ ૯ྉཧࣸਅຕ਺ ສຕ 350 ྉཧࣸਅຕ਺/Month Ę Ė ྉཧه࿥ऀ਺/Month ਓ

    47,000 ˞ௐ΂ ྉཧ͖Ζ͘ ສຕ ͪͳΈʹʜΫοΫύουͷ૯Ϩγϐ਺ ສ඼ 267
  6. ͜͜Ͱͪΐͬͱ࣭໰Ͱ͢ ͋ͳͨͷϓϩμΫτͷ ࣄۀܭը
 ,1*
 ΰʔϧ ࢥ͍ग़͍ͯͩ͘͠͞

  7. ͋ͳͨͷϓϩμΫτͷ ࣄۀܭը
 ,1*
 ΰʔϧ ࢥ͍ग़͍ͯͩ͘͠͞ ൒೥લͷ ͜͜Ͱͪΐͬͱ࣭໰Ͱ͢

  8. ͋ͳͨͷϓϩμΫτͷ ࣄۀܭը
 ,1*
 ΰʔϧ ࢥ͍ग़͍ͯͩ͘͠͞ ೥લͷ ͜͜Ͱͪΐͬͱ࣭໰Ͱ͢

  9. ΰʔϧ͸มΘΔʢ͔͠΋ׂͱΑ͘ʣ ͳʹ͕ݴ͍͍͔ͨͱ͍͏ͱʜ

  10. ͭͷ6* ಉ͡Ձ஋Λମݱ͍ͯ͠Δ΋ͷ ྉཧࣸਅΛϓϥΠϕʔτʹه࿥ͯ͠ɺָ͠Ήɾ໾ཱͯΔ

  11. ࣄۀձࣾͷσβΠφʔͷ໾ׂ ϏδωεΰʔϧΛ뱌ͯ͠ɺ
 Ϣʔβʔ΁
 Ձ஋͋ΔσβΠϯʹ຋༁͢Δ࢓ࣄ

  12. ࣄۀձࣾͷσβΠφʔͷ໾ׂ Ձ஋͋Δ΋ͷʁ Ͳ͏΍ͬͯଌΔʁʁʁ

  13. ఆੑɾఆྔௐࠪ Ͳ͏΍ͬͯՁ஋ΛଌΔʁ

  14. ྫ͑͹ʜ w ϦϦʔεલʹʮྉཧࣸਅΛݸਓతʹࡱӨ͠ ͍ͯΔ͔ʯͳͲͷ8FCΞϯέʔτΛ࣮ࢪ w Ҏલ͔ΒϢʔβʔΠϯλϏϡʔͰ೥ྸ໰Θ ͣʮྉཧࣸਅ͸ࡱӨ͢Δ͕4/4ͰγΣΞ͠ ͨ͘ͳ͍ʜʯͱ͍͏੠ w ϓϩμΫτɾࢪࡦͷԾઆݕূ

  15. ྉཧ͖Ζ͘ͷ,1* wར༻ऀ਺ʢར༻ڐ୚ऀ਺ʣ wྉཧࣸਅه࿥ऀ਺ w ΫοΫύουຊମͷ,1* w ྉཧ͖Ζ͘ʹݸผ࠷దԽ͞Εͨࢪࡦ͸ߦΘͳ͍ ओͳࢦඪ

  16. ྉཧ͖Ζ͘ͷ,1* ϢʔβʔΛ֫ಘ͢Δͧʂ

  17. wϢʔβʔ͕ϓϩμΫτʹ઀৮͢Δνϟϯ ωϧʹɺ༷ʑͳܗͰΞϓϩʔν Ϣʔβʔ֫ಘͷͨΊʹ w ίʔνϚʔΫ w ىಈ͓࣌஌Βͤ w 1VTI௨஌ w

    ྉཧ͖Ζ͘501ը໘σβΠϯมߋ w (6&45Ϣʔβʔʹ΋ಈઢදࣔ w ϝʔϧ഑৴ ͥΜͿ΍Δʂ
  18. λονϙΠϯτ૿΍ͧ͢ ίʔνϚʔΫ 1VTI௨஌ ىಈ͓࣌஌Βͤ ϝʔϧ഑৴ ಈઢදࣔ σβΠϯ"#

  19. Ұ൪ޮՌ͕͋ͬͨͷ͸ʜ ☝ ྉཧ͖Ζ͘৽نར༻։࢝ऀ਺ʢڐ୚ऀ਺ʣ

  20. Ұ൪ޮՌ͕͋ͬͨͷ͸ʜ ☝ ىಈ͓࣌஌Β͕ͤҰ൪ޮ͍ͨ

  21. ֶͼͱ࠶֬ೝ w֬౓ͷߴ͍ॱʹͻͱͭͣͭటष͘΍Δ͠ ͔ͳ͍ w ·ͣ͸υ௚ٿɺࡉ͔ͳ"#ςετ͸ඞཁͳ͍ wग़ͯ͠Έͳ͍ͱΘ͔Βͳ͍͜ͱ΋͋Δ w ىಈ͓࣌஌ΒͤʹҰఆͷޮՌ͸͋Δͱ༧૝͸͍͕ͯͨ͠ɺ ΫοΫύουΛىಈ͢ΔϢʔβʔ͸ௐཧલɺྉཧ͖Ζ͘͸ ௐཧޙʹར༻͢ΔαʔϏεͳͷͰɺΞϓϦىಈ௚ޙʹྉཧ

    ͖Ζ͘ͷར༻Λ։࢝͢ΔϢʔβʔ͸গͳ͍ͷͰ͸ʁͱ౰ॳ ߟ͍͑ͯͨɻ
  22. ϢʔβʔΛ֫ಘ͢Δͧ  ! 2 ྉཧ͖Ζ͘ͷ,1* ϢʔβʔΛ֫ಘ͢Δͧʂɾ

  23. J04"OESPJEͭͷ6* άϦου ΧϨϯμʔ

  24. J04"OESPJEͭͷ6* ։ൃϦιʔεͷؔ܎্ɺJ04͸౰ॳɺίετͷ͔͔Β ͳ͍άϦουϏϡʔͰϦϦʔε͍ͯͨ͠

  25. J04"OESPJEͭͷ6* άϦου ΧϨϯμʔ ΧϨϯμʔϏϡʔͷ΄͏͕
 ೔౰ͨΓͷӾཡ66͕ߴ͔ͬͨ

  26. ֶͼͱ࠶֬ೝ wத௕ظతʹυοάϑʔσΟϯάɾ
 Ϣʔβʔʹਁಁͯ͠Έͳ͍ͱΘ͔Βͳ͍ ͜ͱ΋͋Δ w ຖ೔ͷྉཧ͸ʮ͍ͭʯʮͳʹΛʯ࡞ͬͨͷ͔͕ηο τʹͳ͍ͬͯΔ͜ͱ͕ॏཁ w σʔλ஝ੵܕͷαʔϏε͸ɺར༻தʙར༻௚ޙ͚ͩ Ͱ͸ͳ͘ɺσʔλ͕ຒ·͍ͬͯ͘ମݧͷதͰͲΕͩ

    ͚خ͍͠ϑΟʔυόοΫ΍6*ΛఏڙͰ͖Δ͔͕؊৺
  27. J04"OESPJEͭͷ6* ݱࡏ͸"OESPJEʹଗ͑ͯɺJ04΋ΧϨϯμʔϏϡʔʹ

  28. ·ͱΊ wࢪࡦ͸֬౓ͷߴ͍ॱɺҧ͏ํ޲ੑͰΞϓ ϩʔν wϓϩμΫτͷੑ࣭ʹΑͬͯυοάϑʔσΟ ϯάͷݕূظؒ΋มΘͬͯ͘Δ

  29. ΋ͬͱσβΠϯ

  30. ΋ͬͱσβΠϯ σβΠφʔ΋42-

  31. σβΠφʔ΋42- w6*ઃܭ࣌ʹࣗ෼Ͱ௚઀42-ୟ͍ͨ΄͏ ͕࿩͕ૣ͍͜ͱ͕͋Δ w ʮ͜ͷཁૉ༏ઌ౓௿ͦ͏͚ͩͲEBZͰͲΕ͘Β͍ λοϓ͞Ε͍ͯΔͷ͔ͳʁʯ wࢪࡦͷࡦఆ͔Βϩάͷઃܭɺ42-Ͱͷ෼ ੳ·Ͱ΍ΔύϫʔσβΠφʔ΋ొ৔ͯ͠ ͖ͨ ˞

    ˞42-ΛֶͿ͜ͱࣗମ͕ຊ࣭Ͱ͸ͳ͘ɺࣗ෼ͷσβΠϯʹ ΑΓ੹೚Λ࣋ͭ͜Λ͕໨త
  32. ΋ͬͱσβΠϯ ໨ઌͷ͜ͱ΋΍Δɺ ເ΋ޠΔ

  33. ເ΋ޠΔ wσβΠφʔઌߦͰɺϓϩμΫτͷັྗΛ ্͛ΔͨΊͷΞΠσΞΛ࿅Δ w࣮ࡍʹखͰ৮ΕΔ΋ͷʹམͱ͠ࠐΉ • inVision/Flinto for Mac • Web

    View/ReactNative
  34. ·ͱΊ

  35. ͭͷ6* ಉ͡Ձ஋Λମݱ͍ͯ͠Δ΋ͷ
 ྉཧࣸਅΛϓϥΠϕʔτʹه࿥ͯ͠ɺָ͠Ήɾ໾ཱͯΔ

  36. ͭͷ6* σβΠϯ΍αʔϏεͷΞϓϩʔν͕มΘΕͲ
 ຊ࣭͸มΘ͍ͬͯͳ͍

  37. ͢΂ͯ͸Ϣʔβʔͷ
 ʮຖ೔ͷྉཧΛָ͠Έʹ͢ΔʯՁ஋ͷͨΊʹ

  38. ΫοΫύουͰ͸σβΠφʔΛઈࢍืूதʂ https://info.cookpad.com/careers/jobs/careers/ux-ui-designer WE ARE HIRING!

  39. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠