$30 off During Our Annual Pro Sale. View Details »

越境のためのコンセプトデザイン

Medley Inc.
September 02, 2016

 越境のためのコンセプトデザイン

Medley Inc.

September 02, 2016
Tweet

More Decks by Medley Inc.

Other Decks in Design

Transcript

  1. ӽڥͷͨΊͷίϯηϓτσβΠϯ
    Service x Design #2
    גࣜձࣾϝυϨʔ ೾੾խ໵

    View Slide

  2. Question
    ϝυϨʔɺॳࣖͰ͢ɻԿΛ͍ͯ͠ΔձࣾͰ͔͢ʁ
    Answer
    ҩྍϔϧεέΞྖҬͷ՝୊ղܾΛ໨తͱͨ͠
    αʔϏεΛల։͍ͯ͠·͢ɻ
    ϝυϨʔʹ͍ͭͯ ӽڥͷͨΊͷίϯηϓτσβΠϯ

    View Slide

  3. ͋ΒΏΔҩྍ৘ใΛϫϯετοϓͰఏڙ
    පӃʹ΋ಋೖ ҩࢣ͕નΊΔ lਖ਼͍͠z৘ใ
    - පؾʹ͍ͭͯͷجૅ஌ࣝ΍࣏ྍ๏ɺ
    ҩࢣͷΞυόΠεͳͲΛ·ͱΊͯܝࡌ
    - 1400 Ҏ্ͷපؾ৘ใͷܝࡌͷ΄͔ɺؔ࿈͢Δ
    ໿ 3 ສ݅ͷҩༀ඼ɺ໿ 16 ສ݅ͷҩྍػؔͷ৘ใΛ໢ཏ
    - 400 ໊Ҏ্ͷҩࢣͷڠྗͷ΋ͱ 20 ສճҎ্ͷվగ
    - ໿ 100 පӃ͕ױऀ͞Μ΁ͷઆ໌ʹ׆༻
    ױऀͱҩࢣͷίϛϡχέʔγϣϯϩεΛݮΒͨ͢Ίɺ
    ҩྍϦςϥγʔ޲্ͱͳΔΦϯϥΠϯපؾࣄయ΍
    ϝυϨʔʹ͍ͭͯ ӽڥͷͨΊͷίϯηϓτσβΠϯ

    View Slide

  4. ༧໿͔Β਍࡯ɺ
    ॲํ·ͰΛΦϯϥΠϯͰ࣮ݱ
    ௨Ӄ͢Δෛ୲Λܰݮ͠ɺܧଓతͳ࣏ྍΛࢧԉ
    - WebΛ௨ͯ͡ɺ༧໿͔ΒϏσΦνϟοτͰͷ਍࡯ɺ
    ΫϨδοτΧʔυܾࡁ΍ༀɾॲํᝦͷ഑ૹ·ͰΛఏڙ
    - පӃʹ௨͏ͷ͕ࠔ೉ͳํͷ࣏ྍܧଓΛࢧԉ͠ɺ
    ૣظ࣏ྍ΍ॏ঱Խ༧๷ʹߩݙ
    ਍ྍϓϩηεޮ཰ԽͷͨΊɺҩྍΛΑΓศརʹ
    ਎ۙʹ͢ΔͨΊͷԕִ਍ྍιϦϡʔγϣϯΛ։ൃͨ͠Γɻ
    ϝυϨʔʹ͍ͭͯ - CLINICS ӽڥͷͨΊͷίϯηϓτσβΠϯ

    View Slide

  5. ҩྍհޢݱ৔ͷਓࡐෆ଍ղܾͷͨΊɺ
    ೔ຊ࠷େڃͷٻਓ݅਺ΛތΔҩྍհޢٻਓαΠτ΍ʜ
    ϝυϨʔʹ͍ͭͯ - δϣϒϝυϨʔ ӽڥͷͨΊͷίϯηϓτσβΠϯ
    ॆ࣮ͨ͠෮৬ࢧԉ
    ٻਓܝࡌແྉɺ
    ׬શ੒ޭใुܕ
    - ҩྍհޢۀքͷຫੑతͳਓࡐෆ଍ͷղܾʹΉ͚ͯ
    9 ׂҎ্͕ঁੑΛ઎ΊΔ෮৬ࢢ৔ʹ஫໨ɻ
    ࢠҭͯࢧԉɾۈ຿࣌ؒͳͲଟ༷ͳ৚݅ͷॆ࣮ʹ஫ྗ
    - ࠾༻ܾఆ·Ͱ͸අ༻͕ൃੜ͠ͳ͍ྉۚϞσϧɻ
    ৬छผʹใुඅ༻Λݻఆ͠ଞࣾʹൺ΂ͯ΋
    ͍҆ྉۚઃఆͰ҆৺ͨ͠࠾༻Λԉॿ

    View Slide

  6. ޙչ͠ͳ͍հޢࢪઃબͼΛࢧԉ͢ΔͨΊ 2 ສ݅Ҏ্ͷ
    ޱίϛΛूΊΔհޢࢪઃݕࡧαΠτΛӡӦ͍ͯ͠·͢ɻ
    ϝυϨʔʹ͍ͭͯ - հޢͷ΄ΜͶ ӽڥͷͨΊͷίϯηϓτσβΠϯ
    10 ສ݅Ҏ্ͷࢪઃ৘ใΛܝࡌ
    ೖډऀ΍ݟֶऀɺैࣄऀͳͲ
    ଟछͷޱίϛΛܝࡌ
    - ಛผཆޢ࿝ਓϗʔϜɾάϧʔϓϗʔϜɾ
    ༗ྉ࿝ਓϗʔϜɾαʔϏε෇͖ߴྸऀ޲͚ॅ୐ͳͲͷ
    հޢࢪઃʹ͍ͭͯ໿ 10 ສࢪઃͷ৘ใΛܝࡌ
    - ઃඋ΍Ձ͚֨ͩͰͳ͘ߦࣄɾΠϕϯτɾྉཧɾ
    ৯ࣄɾงғؾɾମ੍ɾपล؀ڥɾΞΫηεͳͲɺ
    ޱίϛͳΒͰ͸ͷ৘ใ΋໢ཏ

    View Slide

  7. Question
    ʢ͜ͷΠϕϯτʹग़Δ͙Β͍ͩ͠ʣ
    ݩʑࢴഔମͷ࢓ࣄΛͯͨ͠ΜͰ͔͢ʁ
    Answer
    ͸͍ɻ
    ࢴΛ 3 ೥൒ʙ Web Λ 2 ೥൒͘Β͍΍͍ͬͯ·͢ɻ
    ࣗݾ঺հ ӽڥͷͨΊͷίϯηϓτσβΠϯ

    View Slide

  8. ʢࣗ෼ޠΓ͸ۤखͳΜͰ͕͢ʣ࠷ۙձࣾͷϒϩάͳͲͰ
    ৭ʑޠͬͨͷͰੋඇಡΜͰ͍͖͍ͨͩͨͰ͢ɻ
    σβΠφʔͷ๻͕ϝυϨʔʹೖͬͨ 7 ͭͷཧ༝
    https://www.wantedly.com/companies/medley/post_articles/33230
    σβΠφʔɾΤϯδχΞ࠾༻ΠϯλϏϡʔ
    http://www.medley.jp/recruit/interview02.html
    ҩྍମݧΛ࠶σβΠϯ͢Δ - ίʔϙϨʔταΠτϦχϡʔΞϧ΁ͷ૝͍
    http://info.medley.jp/entry/2016/08/18/110000
    ࣗݾ঺հ ӽڥͷͨΊͷίϯηϓτσβΠϯ

    View Slide

  9. ΍ͬͱຊ୊ ӽڥͷͨΊͷίϯηϓτσβΠϯ
    ΍ͬͱຊ୊ɻ
    ӽڥͷͨΊͷίϯηϓτσβΠϯɻ
    ࠓճڥ໨Λࢴͱ Web ͱ͢ΔͷͰ͕͢ɺ
    ࣄۀձࣾࢹ఺ͷσβΠϯʹ͓͍ͯ͸
    ࢴ΍ Web ΍ଞʹ΋ө૾ͱ͍ͬͨڥ໨ʹ
    ಛʹҙຯ͸ͳ͍ͱࢥ͍ͬͯ·͢ɻ

    View Slide

  10. ΍ͬͱຊ୊ ӽڥͷͨΊͷίϯηϓτσβΠϯ
    ࣾ಺͔Β͸఻͑ํͷϓϩͱͯ͠ظ଴͞Ε͍ͯͯɺ
    UI ͸΋ͪΖΜύϯϑϨοτ΍ϩΰ΍ಈը޿ࠂͷଞ
    ࠓޙ͸ 3D ΍ VR ͱ͍ͬͨ෼໺Ͱ΋ɺ
    ձࣾͷΠϝʔδʹܨ͕Δ΋ͷ͸શ෦σβΠφʔʹ
    ͳΜͱ͔ͯ͠΋Β͍͍ͨͱࢥ͍ͬͯΔ͸ͣɻ
    ఻͑ํͷϓϩͱͯ͠૊৫ͷ଍Γ͍ͯͳ͍෼໺Λ
    ϑΥϩʔ͍ͯ͘͜͠ͱ͕σβΠφʔͱͯ͠ͷ੹຿ɻ

    View Slide

  11. ΍ͬͱຊ୊ ӽڥͷͨΊͷίϯηϓτσβΠϯ
    Ξ΢τιʔεઌͱͯ͠ཁ͕݅੔ཧ͞Εͨঢ়ଶͩͱ
    ઐ໳ੑΛߴΊͨํ͕ੜଘ֬཰͕ߴ͍ࣄ΋͋Δɻ
    ʢ࣭ͷߴ͍ΫϦΤΠςΟϒϒςΟοΫ͸มΘΒͣੜ͖࢒Γଓ͚Δʣ
    ࠜݯతʹ఻͑ΔͨΊͷϓϩͱͯ͠σβΠϯΛ
    ͍ͯ͘͠ͳΒɺ໨త΍ίϯηϓτͷͨΊʹ
    ӽڥग़དྷΔਓؒͷํ͕ڧ͍ͱࣗ෼͸ࢥ͏ɻ
    ͨͩɺࠓޙந৅౓͕૿͍ͯ͘͠Ͱ͋Ζ͏՝୊ʹରͯ͠
    طଘͷεΩϧ͚ͩͰղܾ͍͚ͯ͠Δ͔͸ٙ໰ɻ

    View Slide

  12. ΍ͬͱຊ୊ ӽڥͷͨΊͷίϯηϓτσβΠϯ
    Question
    ಘҙ෼໺ͷҟͳΔਓͱ
    Ұॹʹڠಇ͢Δ͜ͱͰॆ෼Ͱ͸ͳ͍Ͱ͔͢ʁ
    Answer
    ͦͷྫ΋͖ͬͱ͋Δͱࢥ͍·͢ɻ
    Ծʹͦͷ؀ڥԼͩͱͯ͠΋͓ޓ͍ͷ෼໺ʹ
    ਂ͘าΈدΕͨΒΑΓྑ͍ίϛϡχέʔγϣϯ͕
    औΕ࣭ͯ΋্͕Δ͠ɺ͓ޓ͍ॿ͚߹͑Δ͠ɺ
    ΑΓօϋοϐʔʹͳΕΔͱࢥ͍ͬͯ·͢ɻ

    View Slide

  13. ΍ͬͱຊ୊ ӽڥͷͨΊͷίϯηϓτσβΠϯ
    ໨తʢʹίϯηϓτʣͷͨΊʹӽڥ͢Δɻ
    ѻ͏ର৅ͱͳΔഔମͷੑ࣭ͱٕज़͕ҟͳΔ͚ͩͰɺ
    ίϯηϓτΛద੾ͳܗͰΞ΢τϓοτ͢Δ͜ͱ͸
    ࢴ΍ Web ΋มΘΒͳ͍͸ͣɻ
    ʢͦͷੑ࣭΁ͷཧղͱٕज़ͷशಘ͕େมͳΘ͚Ͱ͕͢ʣ
    αʔϏεσβΠφʔ΍ςΫχΧϧΫϦΤΠλʔɺ
    ϑϧελοΫΤϯδχΞͱࡢࠓͷαʔϏεࢦ޲͔Β
    ੜ·Εͨ৬छ΋ࠜຊ͸ࣅ͍ͯΔͱࢥ͍ͬͯ·͢ɻ

    View Slide

  14. Question
    ͦ͏ɺੑ࣭΁ͷཧղͱٕज़ͷशಘ͕େมͳΜͰ͢ɻ
    Ͳ͏ͯ͠ΔΜͰ͔͢ʁ
    Answer
    Ͱ͢ΑͶʜֶͿ͜ͱΛओମͱ͢ΔΑΓ
    ࣗ෼͕΍Δ΂͖໨తͱίϯηϓτΛҙࣝͯ͠
    ೔ʑऔΓ૊Ή͜ͱ͕ۙಓͩͱײ͍ͯ͡·͢ɻ
    ίϯηϓτ͔Βҙ͍ࣝͯ͘͠ ӽڥͷͨΊͷίϯηϓτσβΠϯ

    View Slide

  15. ӽڥͷͨΊͷίϯηϓτσβΠϯ
    ϒϥϯυ ࢢ৔ௐࠪ
    جૅٕज़
    λΠϙάϥϑΟɾ৭࠼ઃܭɾ
    ҹ࡮Ճ޻ etc...
    جૅٕज़
    ࡱӨٕ๏ɾฤूٕ๏ɾඳըٕ๏
    पลػࡐɾಓ۩ͷཧղ
    ϢʔβϏϦςΟ
    جૅٕज़
    HTML/CSSɾ
    άϥϑΟοΫͷجૅٕज़
    νʔϜͱͷڠಇ
    UX/CX
    େखɾւ֎ࣄྫ λʔήοτ૚
    ϛογϣϯ
    ഔମಛੑ΁ͷཧղ
    ΤσΟτϦΞϧɾ޿ࠂɾ
    ύοέʔδ etc...
    ʢ͜ͷ෦෼΋ੑ࣭ʹؔΘͬͯ͘Δ͸ͣʣ
    ޿ࠂಛੑ΁ͷཧղ
    CMɾԽহ඼ͷϨλον etc...
    ΞΫηγϏϦςΟ
    5W1H ࣮૷΁ͷཧղ
    HTML/CSS/JS/Xcode/XMLɾ
    ϑϨʔϜϫʔΫ΁ͷཧղɾ
    ΞʔΩςΫνϟશମ΁ͷཧղ etcʜ
    ڝ߹
    ܦࡁن໛
    ϰΟδϣϯ
    Ϣʔβʔಛੑ Web/UI άϥϑΟοΫ
    ࣸਅ / ө૾
    ʢΠϥετʣ
    ੑ࣭΁ͷཧղ ٕज़΁ͷཧղ
    ίϯηϓτ͔Βҙ͍ࣝͯ͘͠
    ࠓ͸͜Μͳײ͡Ͱ࢓ࣄΛମܥԽ͍ͯ͠·͢

    View Slide

  16. ະ׬੒͗ͯ͢͝ΊΜͳ͍͞ʜ
    ΋ͬͱΘ͔Γ΍͘͢ग़དྷΔ͸ͣˍΞοϓσʔτ͍ͨ͠ͷͰποίϛ͍͚ͨͩͨΒخ͍͠Ͱ͢ɹ
    ӽڥͷͨΊͷίϯηϓτσβΠϯ
    ίϯηϓτ͔Βҙ͍ࣝͯ͘͠

    View Slide

  17. ӽڥͷͨΊͷίϯηϓτσβΠϯ
    ϒϥϯυ
    ࢢ৔ௐࠪ
    Ϣʔβʔಛੑ Web/UI
    άϥϑΟοΫ
    ࣸਅ / ө૾
    ʢΠϥετʣ
    ؆қతʹԣҰྻʹ͠·͕ͨ͠ɺ
    ࣮ࡍʹߟ͑Δ࣌͸ͦΕͧΕ͕͕᷷Γ
    ߹ͬͯ໢໨ͷΑ͏ʹࡉ͔͘ͳΔ
    ˡ఺ઢͳͷ͸
    ɹࣗ෼Ͱ΍Εͳ͍͔Β
    ίϯηϓτ͔Βҙ͍ࣝͯ͘͠

    View Slide

  18. ϒϥϯυ ࢢ৔ௐࠪ
    جૅٕज़
    λΠϙάϥϑΟɾ৭࠼ઃܭɾ
    ҹ࡮Ճ޻ etc...
    جૅٕज़
    ࡱӨٕ๏ɾฤूٕ๏ɾඳըٕ๏
    पลػࡐɾಓ۩ͷཧղ
    جૅٕज़
    ʁʁʁ
    େखɾւ֎ࣄྫ λʔήοτ૚
    ഔମಛੑ΁ͷద߹
    ΤσΟτϦΞϧɾ޿ࠂɾ
    ύοέʔδ etc...
    ʢ͜ͷ෦෼΋ੑ࣭ʹؔΘͬͯ͘Δ͸ͣʣ
    ޿ࠂಛੑ΁ͷద߹
    CMɾԽহ඼ͷϨλον etc...
    5W1H
    ڝ߹
    ϰΟδϣϯ
    Ϣʔβʔಛੑ Web/UI άϥϑΟοΫ
    ࣸਅ / ө૾
    ʢΠϥετʣ
    ӽڥͷͨΊͷίϯηϓτσβΠϯ
    Web ͷ࢓ࣄ࢝Ίͨࠒ͸͜Μͳײ͡ɻ
    ίϯηϓτ͔Βҙ͍ࣝͯ͘͠

    View Slide

  19. IDEO とか
    聞いたことあるけど
    HCD って何…
    WF ってラフスケッチ
    みたいなもんか…
    これってこの通りレイアウト
    する必要あるの
    使い勝手的に
    レイアウトで
    遊べない分
    写真大事だな
    EC やサービスはダイレクトに
    ビジネスに影響出るから
    制限多いな…
    (当時は制限と感じてた)
    جૅٕज़
    λΠϙάϥϑΟɾ৭࠼ઃܭɾ
    ҹ࡮Ճ޻ etc...
    جૅٕज़
    ࡱӨٕ๏ɾฤूٕ๏ɾඳըٕ๏
    पลػࡐɾಓ۩ͷཧղ
    جૅٕज़
    ʁʁʁ
    େखɾւ֎ࣄྫ λʔήοτ૚
    ഔମಛੑ΁ͷద߹
    ΤσΟτϦΞϧɾ޿ࠂɾ
    ύοέʔδ etc...
    ʢ͜ͷ෦෼΋ੑ࣭ʹؔΘͬͯ͘Δ͸ͣʣ
    ޿ࠂಛੑ΁ͷద߹
    CMɾԽহ඼ͷϨλον etc...
    5W1H
    ڝ߹
    ϰΟδϣϯ
    ϒϥϯυ ࢢ৔ௐࠪ Ϣʔβʔಛੑ Web/UI άϥϑΟοΫ
    ࣸਅ / ө૾
    ʢΠϥετʣ
    Web σβΠϯͷٕज़ΛֶͿͱ͍͏ΑΓɺ
    ೔ৗ͔Β࢓ࣄͷίϯηϓτΛҙࣝ͢Δ͜ͱͰٙ໰Λղ͍ͯ
    ٕज़ԽɾମܥԽ͍ͯ͘͠
    ӽڥͷͨΊͷίϯηϓτσβΠϯ
    元々お客さんとの
    やりとりやってたし
    ディレクターって必要…?
    (もちろん助かるけど)
    デザインの出来不出来と言う
    よりサイ
    トとしてどう効果が
    出るかの話でしかない…
    サイ
    ト云々っていうより
    会社として
    何がしたいの…
    フラットデザインの大事な
    部分って紙のデザインと
    そんな変わらなくない
    全然 PSD 通りに
    組んでもらえないな〜
    ίϯηϓτ͔Βҙ͍ࣝͯ͘͠

    View Slide

  20. ӽڥͷͨΊͷίϯηϓτσβΠϯ
    ϒϥϯυ ࢢ৔ௐࠪ
    جૅٕज़
    λΠϙάϥϑΟɾ৭࠼ઃܭɾ
    ҹ࡮Ճ޻ etc...
    جૅٕज़
    ࡱӨٕ๏ɾฤूٕ๏ɾඳըٕ๏
    पลػࡐɾಓ۩ͷཧղ
    ϢʔβϏϦςΟ
    جૅٕज़
    HTML/CSSɾ
    άϥϑΟοΫͷجૅٕज़
    νʔϜͱͷڠಇ
    UX/CX
    େखɾւ֎ࣄྫ λʔήοτ૚
    ϛογϣϯ
    ഔମಛੑ΁ͷద߹
    ΤσΟτϦΞϧɾ޿ࠂɾ
    ύοέʔδ etc...
    ʢ͜ͷ෦෼΋ੑ࣭ʹؔΘͬͯ͘Δ͸ͣʣ
    ޿ࠂಛੑ΁ͷద߹
    CMɾԽহ඼ͷϨλον etc...
    ΞΫηγϏϦςΟ
    5W1H ࣮૷΁ͷཧղ
    HTML/CSS/JS/Xcode/XMLɾ
    ϑϨʔϜϫʔΫ΁ͷཧղɾ
    ΞʔΩςΫνϟશମ΁ͷཧղ etcʜ
    ڝ߹
    ܦࡁن໛
    ϰΟδϣϯ
    Ϣʔβʔಛੑ Web/UI άϥϑΟοΫ
    ࣸਅ / ө૾
    ʢΠϥετʣ
    ࠓ͸͜͏ͳ͍ͬͯΔɻ
    ͜Ε͕ਖ਼͍͠ͱ΋ࢥΘͳ͍͠ࠓޙͲ͏ͳΔ͔΋Θ͔Βͳ͍ɻ೔ʑߋ৽͍ͯ͘͠ɻ
    ίϯηϓτ͔Βҙ͍ࣝͯ͘͠

    View Slide

  21. ӽڥͱݴ͏ͱڼʑ͍͠Ͱ͕͢ɺ
    ೔ࠒ͔Β৬छΛ·͍ͨͰ࢓ࣄΛख఻ͬͨΓ͍ͯ͘͠ͱ
    ࣗવͱͦ͏ͳ͍ͬͯΔؾ΋͠·͢ɻ
    ʢࣗ෼΋·ͩ·ͩग़དྷͯͳ͍Ͱ͢͠ʣ
    ӽڥͷͨΊͷίϯηϓτσβΠϯ
    ίϯηϓτ͔Βҙ͍ࣝͯ͘͠

    View Slide

  22. ӽڥͷͨΊͷίϯηϓτσβΠϯ
    ίϯηϓτ͔Βҙ͍ࣝͯ͘͠
    օ͞Μ΋ීஈͷ࢓ࣄ΍ࣗ਎ͷಇ͖ํͷ
    ίϯηϓτΛσβΠϯ͍͖ͯ͠·͠ΐ͏ɻ
    ʢˢλΠτϧ͚ͭ͜͡ʣ

    View Slide

  23. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
    σβΠφʔืूதͰ͢ʂ
    http://www.medley.jp/recruit/creative.html
    ӽڥͷͨΊͷίϯηϓτσβΠϯ
    ͓ΘΓ

    View Slide