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

Ff18a27b908029695ca70b144d42e3ba?s=47 待島 亘
March 02, 2019

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

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

Ff18a27b908029695ca70b144d42e3ba?s=128

待島 亘

March 02, 2019
Tweet

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
  47. None