クリエイティブに自信を持つ！ 前向きサイトプランニング

SaCSS Special20 : Direction ディレクション
2019年3月2日（土）
https://sacss.net/special20/

Transcript

1. positive ΫϦΤΠςΟϒʹࣗ৴Λ࣋ͭʂ લ޲͖αΠτϓϥϯχϯά 2019.03.02 SaCSS Special20 : Direction @wattlaa
2. Greeting ଴ౡ ࿱ʢ·ͪ͠· ΘͨΔʣ P R O F I L E ࠓ೥Ͱ΢ΣϒσΟϨΫγϣϯྺ೥໨Ͱ͢ɻ S E L F - I N T R O D U C T I O N ࣗ ݾ ঺ հ ࢀՃͨ͠ηϛφʔɾ ษڧձͷάϥϨί΍ ϒϩάॻ͍ͯ·͢ ג ࣜ ձ ࣾ G e a r 8 ๺ւಓొผࢢੜ·ΕɺখḺɾവؗɾࡳຈҭͪɻେֶࡏ ֶதͷΞΠεϥϯυ౉ߤΛ͖͔͚ͬʹɺଔۀޙ຋༁ձ ࣾ΁ೖࣾɻͷͪʹ΢Σϒͷੈք΁ɻ೥݄ʹגࣜ ձࣾ(FBSʹೖࣾɻαΠτͷاըઃܭɺσΟϨΫγϣ ϯɺղੳɺϓϩϞʔγϣϯͷ΄͔ɺΫϥΠΞϯτ޲͚ ʗ΢ΣϒΫϦΤΠλʔ޲͚ηϛφʔ΁ͷొஃ΋ߦ͏ɻ
3. Graphic Reco Graphic Recording ε ϥ Π υ ͷ ࠷ ޙ ʹ Ϧ ϯ Ϋ U R L Λ ॻ ͍ ͯ ͍ · ͢ S E L F - I N T R O D U C T I O N
4. Bangkok Chiang Mai Taipei + A S I A N M A R K E T I N G Sapporo Fukuoka W E B S I T E P L A N N I N G / B R A N D I N G σΟϨΫλʔɾ σβΠφʔืूத
5. Trippino Hokk Trippino Hokkaido I N B O U N D P R O M O T I O N ʮճ໨ͷ๺ւಓ΋͓΋͠Ζ͘͢ΔʯΛς ʔϚʹཱྀ׳ΕͨΞδΞͷݸਓ؍ޫཱྀߦ٬ ͷํʹΨΠυϒοΫʹࡌΒͳ͍χονͳ ๺ւಓ৘ใΛಧ͚ΔϝσΟΞͰ͢ɻ
   ๺ւಓ΍೔ຊ͕େ޷͖ͳ൴ΒʹɺཱྀϚ ΤɺཱྀφΧɺཱྀΞτͷλΠϛϯάʹ߹Θ ͤͯ8FCαΠτɺΞϓϦɺ4/4
   Λ௨ͯ͡ ৘ใΛఏڙ͍ͯ͠·͢ɻ
6. creative ΫϦΤΠςΟϒʹ ࣗ৴Λϓϥε͢Δʹ͸ʁ ΢ΣϒαΠτͷσβΠϯʹ͓͍ͯ S E C T I O N 0 1
7. Creative ΫϦΤΠςΟϒʹࣗ৴Λϓϥε͢Δʹ͸ ̍ʣ੒Ռ෺Λૉ੖Β͍͠ʂͱ৴͡ࠐΉྗ
   ͦͷͨΊʹϕετΛਚ͘͢ྗɺσβΠϯྗ
   ̎ʣΫϥΠΞϯτͷཁ๬Λ͢΂ͯܗʹ͢Δྗ
   ώΞϦϯάྗɺߏ੒ྗɺදݱྗ
   ̏ʣͳͥɺ͜ͷσβΠϯ͕ྑ͍͔Λઆ໌͢Δྗ
   σβΠϯͷࠜڌ΍ཧ༝Λ࡞Δྗɺݴ༿ʹ͢ΔྗɺԾઆΛཱͯΔྗ S E C T I O N 0 1 ͋͑ͯࠓ೔͸ɺ ΫϥΠΞϯτدΓ ͷ࿩Λ͠·͢
8. plus ultra ̍ʣ੒Ռ෺Λૉ੖Β͍͠ʂͱ৴͡ࠐΉྗͰϓϥε͢Δ w ͻͨ͢Β࣮຿ʹྟΉ
   w ྑ͍σβΠϯΛݟΔɾऔΓೖΕΔ
   w ϕετΛਚͨ͘͠ʂͱ͍͏ͱ͜Ζ·Ͱ
 ௥͍ࠐΉ
   ˎͳʹ͕ϕετ͔͸༧ࢉ΍ೲظͳͲͷঢ়گʹΑΓ͚Γ S E C T I O N 0 1
9. plus ultra ̎ʣΫϥΠΞϯτͷཁ๬Λ͢΂ͯܗʹ͢ΔྗͰϓϥε͢Δ w αΠτΛ࡞͖͔͚ͬͨͬ͸Կ͔
   w λʔήοτ͸୭ͳͷ͔
   w ىͯ͜͠΄͍͠ΞΫγϣϯ͸Կ͔
   w ͦͷͨΊʹͲΜͳίϯςϯπ͕͋Ε͹ྑ͍͔ S E C T I O N 0 1
10. plus ultra ̎ʣΫϥΠΞϯτͷཁ๬Λ͢΂ͯܗʹ͢ΔྗͰϓϥε͢Δ w σβΠϯΛߏ੒͢ΔͨΊʹඞཁͳ৘ใΛ
 Ҿ͖ग़͠ɺऔΓ·ͱΊΔ S E C T I O N 0 1
11. Creative ΫϦΤΠςΟϒʹࣗ৴Λϓϥε͢Δʹ͸ ̍ʣ੒Ռ෺Λૉ੖Β͍͠ʂͱ৴͡ࠐΉྗ
    ͦͷͨΊʹϕετΛਚ͘͢ྗɺσβΠϯྗ
    ̎ʣΫϥΠΞϯτͷཁ๬Λ͢΂ͯܗʹ͢Δྗ
    ώΞϦϯάྗɺߏ੒ྗɺදݱྗ
    ̏ʣͳͥɺ͜ͷσβΠϯ͕ྑ͍͔Λઆ໌͢Δྗ
    σβΠϯͷࠜڌ΍ཧ༝Λ࡞Δྗɺݴ༿ʹ͢ΔྗɺԾઆΛཱͯΔྗ S E C T I O N 0 1
12. ৽ͨʹ࡞Δ΢ΣϒαΠτͷ͢΂ͯ͸
    ԾઆͰ͋Δɻ
13. ྑ͍
 ώΞϦϯά ྑ͍
 6* ྑ͍
    ϏδϡΞϧ
    σβΠϯ
14. ྑ͍
 ώΞϦϯά ྑ͍
 6* ྑ͍
    ϏδϡΞϧ
    σβΠϯ ظ଴௨ΓͷύϑΥʔϚϯεΛ
    ग़ͤΔͱ͸ݶΒͳ͍
15. ༏ΕͨσβΠϯ ظ଴͞ΕΔ੒Ռ
16. ༏ΕͨσβΠϯ ظ଴͞ΕΔ੒Ռ ࣌ͱͯ͠
    ΠίʔϧͰ͸ͳ͍
17. ༏ΕͨσβΠϯ ظ଴͞ΕΔ੒Ռ
18. Ծઆͱݕূ ༏ΕͨσβΠϯ ظ଴͞ΕΔ੒Ռ ͚ۙͮΔͷʹඞཁͳͷ͕
19. plus ultra w ݕূ͋Γ͖ͳͷͰϦϦʔεޙͷࢦඪʹͳΔ S E C T I O N 0 1 Ծઆ͕࣋ͭྗ
20. plus ultra w ݕূ͋Γ͖ͳͷͰϦϦʔεޙͷࢦඪʹͳΔ
    w ݟͨ໨Ҏ֎ʹσβΠϯΛධՁ͢ΔࡐྉʹͳΓ ΫϥΠΞϯτ͕0,Λग़͠΍͍͢ S E C T I O N 0 1 Ծઆ͕࣋ͭྗ
21. plus ultra w ݕূ͋Γ͖ͳͷͰϦϦʔεޙͷࢦඪʹͳΔ
    w ݟͨ໨Ҏ֎ʹσβΠϯΛධՁ͢ΔࡐྉʹͳΓ ΫϥΠΞϯτ͕0,Λग़͠΍͍͢
    w ୲౰ऀ͕ڞײͯ͘͠ΕΕ͹ɺܾࡁऀ͕ผͰ΋ ಉ͡೤ྔͰ࿩Λ௨ͯ͘͠ΕΔ S E C T I O N 0 1 Ծઆ͕࣋ͭྗ
22. Hypothesis ྑ͍ԾઆΛཱͯΔͨΊʹ ඞཁͳ΋ͷͱ͸ʁ ΢ΣϒαΠτͷσβΠϯʹ͓͍ͯ S E C T I O N 0 2
23. S E C T I O N 0 2 Hypothesis ྑ͍ԾઆΛཱͯΔͨΊʹඞཁͳ΋ͷͱ͸ γϧ γϧ ϛνϧ Ϧαʔν
24. S E C T I O N 0 2 Hypothesis ྑ͍ԾઆΛཱͯΔͨΊʹඞཁͳ΋ͷͱ͸ ૬खΛ
    ஌Δ Ϧαʔν γϧ ϛνϧ
25. S E C T I O N 0 2 Hypothesis ྑ͍ԾઆΛཱͯΔͨΊʹඞཁͳ΋ͷͱ͸ पΓΛ
    ஌Δ ૬खΛ
    ஌Δ Ϧαʔν ϛνϧ
26. S E C T I O N 0 2 Hypothesis ྑ͍ԾઆΛཱͯΔͨΊʹඞཁͳ΋ͷͱ͸ पΓΛ
    ஌Δ ૬खΛ
    ஌Δ ࣗΒ
    ମݧ͢Δ Ϧαʔν
27. Research γϧγϧϛνϧϦαʔν S E C T I O N 0 2 ̍ʣ૬खΛ஌Δ
    ཧ೦Λ஌Δɺಇ͍ͯΔਓΛ஌ΔɺϏδωεΛ஌ΔɺڧΈΛ஌Δɺ঎඼ Λ஌ΔɺαʔϏεΛ஌ΔɺརӹΛ஌ΔɺചΓ্͛Λ஌Δɺ͓٬͞Μͱ ͷ઀఺Λ஌Δɺྲྀ௨ܦ࿏Λ஌ΔɺՁ֨Λ஌Δɺཱ஍Λ஌ΔɺͲ͏͍͏ ೥ྸɾੑผɾ஍ҬͰചΕ͍ͯΔ͔஌Δɺྺ࢙Λ஌Δɺ΢ΣϒαΠτͰ ੒͠਱͍͛ͨ͜ͱΛ஌Δɺ͓٬༷Λ஌Δ
28. S E C T I O N 0 2 ̎ʣपΓΛ஌Δ
    ಉۀछͷϥΠόϧΛ஌ΔɺଞۀछͷϥΠόϧΛ஌Δɺ૬৔Λ஌Δɺτ ϨϯυΛ஌Δɺ஍ҬφϯόʔϫϯΛ஌ΔɺۀքͰͷཱͪҐஔΛ஌Δɺ ࢢ৔Λ஌Δɺ඼࣭ͱՁ֨ͷόϥϯεΛ஌ΔɺΑ͘࢖ΘΕΔϓϩϞʔγ ϣϯख๏Λ஌Δ Research γϧγϧϛνϧϦαʔν
29. S E C T I O N 0 2 ̏ʣࣗΒମݧ͢Δ
    ങͬͯΈΔɺങͬͨ͋ͱͲ͏ࢥ͏͔஌Δɺ࢖ͬͯΈͯͲ͏ײ͡Δ͔஌ Δɺ৯΂ͯΈͯຯɾ৯ײɾׂ҆ײΛ஌ΔɺߪೖಈػΛໝ૝͢Δɺύο έʔδΛ஌ΔɺࠝแΛ஌Δɺ෼ྔΛ஌Δɺاۀ͕఻͍͑ͨ͜ͱ͕఻Θ Γ΍͍͢ঢ়ଶͳͷ͔Λ஌Δ Research γϧγϧϛνϧϦαʔν
30. Input Input Idea S E C T I O N 0 2 Research γϧγϧϛνϧϦαʔν 1ͭ1ͭ஌͍ͬͯ͘͜ͱͰɺ ࠷ॳ͸ݟ͑ͳ͔ͬͨ΋ͷ͕ݟ͑ͯ͘Δ
31. Workshop 1൪Α͘ߦ͘ҿ৯ళʹ ߦ͘ཧ༝Λ15ݸߟ͑Α͏ W O R K S H O P 0 1 ώϯτɿXX͕޷͖ɺYY͕ศརɺଞʹ୅ΘΔ΋ͷ͕ͳ͍ͳͲ Ͱ͖Δ͚ͩࡉ͔͘ɺଟগॏෳͯ͠΋OK S E C T I O N 0 2 ෼
32. Workshop ྡͷਓͱͷڞ༗λΠϜ W O R K S H O P 0 1 1෼ަ୅Ͱ͓ئ͍͠·͢ S E C T I O N 0 2 ෼ ʷ
33. Workshop ࣗ෼ͷҟੑͷ༑ͩͪ΍Ո଒͕ ͦͷ͓ళʹߦ͘ཧ༝ͱɺ ߦ͔ͳ͍ཧ༝Λ֤5ݸߟ͑Α͏ W O R K S H O P 0 2 S E C T I O N 0 2 ෼
34. Workshop ߦ͔ͳ͍ཧ༝Λ ແ͘͢ํ๏Λߟ͑Α͏ W O R K S H O P 0 3 S E C T I O N 0 2 ෼
35. Workshop ࠓ೔ߦͬͨϫʔΫγϣοϓ ̍ʣ
    ൪Α͘ߦ͘ҿ৯ళʹߦ͘ཧ༝Λ
 ɹɹ
    ݸߟ͑Α͏
    ̎ʣ
    ࣗ෼ͷҟੑͷ༑ͩͪ΍Ո଒͕ͦͷ͓ళʹ
 ɹɹ
    ߦ͘ཧ༝ͱߦ͔ͳ͍ཧ༝Λ֤ݸߟ͑Α͏
    ̏ʣ
    ߦ͔ͳ͍ཧ༝Λແ͘͢ํ๏Λߟ͑Α͏ S E C T I O N 0 2
36. Input Input Idea S E C T I O N 0 2 Research γϧγϧϛνϧϦαʔν ͲΕ͚ͩ૬खʹڵຯΛ࣋ͯΔ͔͕ΧΪ
37. Conclusion ·ͱΊ S E C T I O N 0 3
38. Conclusion ΫϥΠΞϯτ͸ɺ
 σβΠϯͷϓϩͰ͸ͳ͍ S E C T I O N 0 3
39. Conclusion ΫϥΠΞϯτ͸ɺ
 σβΠϯͷϓϩͰ͸ͳ͍ Ծઆʹج͍ͮͨσβΠϯ͕͋Δ͜ͱͰ
    ໌֬ͳίϛϡχέʔγϣϯ͕ͱΕΔ S E C T I O N 0 3
40. Conclusion ΫϥΠΞϯτͷ͜ͱΛ஌Βͣʹ
    ཻ౓ͷߴ͍Ծઆ͸ཱͯʹ͍͘ ͞·͟·ͳ֯౓͔ΒϦαʔνΛߦ͍ɺ
    ൑அʹ଍ΔࡐྉΛूΊɺ·ͱΊΔ S E C T I O N 0 3
41. ͜ΕͰຊ౰ʹ͍͍ͷ͔ͳɾɾ Client
42. ʮ͍͍ΜͰ͢ʂʯͱ
    ݴ͍੾Δࣗ৴ͱࠜڌΛ࣋ͭ͜ͱ ͦͯ͠
43. σΟϨΫλʔ΋ɺσβΠφʔ΋ɺ
    ΤϯδχΞ΋ ҰਓͻͱΓ͕ڵຯΛ࣋ͪɺ
    Ͱ͖Ε͹
    ޷͖ʹͳͬͪΌ͓͏
44. Ѫ͞ΕΔ͜ͱΑΓ
    Ѫ͢Δ͜ͱΛɻ
    ཧղ͞ΕΔ͜ͱΑΓ͸
    ཧղ͢Δ͜ͱΛɻ ϚβʔɾςϨα
45. Ѫ͞ΕΔΑΓɺѪ͍ͨ͠ɻ ,JOLJ
    ,JET
46. Thank you ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ 2019.03.02 SaCSS Special20 : Direction Facebook: @machishima Twitter: @wattlaa g.o.a.t: http://wattlaa.goat.me note: https://note.mu/wattlaa