小さな制作会社が小さくはじめるブランドづくり #sacss SaCSS Special25 : BRANDING SPECIAL(SaCSS vol.108)

小さな制作会社が小さくはじめるブランドづくり #sacss SaCSS Special25 : BRANDING SPECIAL(SaCSS vol.108)

秋田で生まれた小さなデザイン制作会社が小さくはじめたブランドづくりについてお話します。

デザインコンセプトのまとめ方やデザイン、ウェブサイトづくり、日々のお仕事についての気づきを小さくおすそ分けします。クライアントのデザインはもちろん、自社のデザインのこと、自社のイベントCaTのことを、neccoのディレクターとデザイナーの二人でお話したいと思います。ブランドをつくることに注力し、営業やお仕事くださいなどのお声掛け一切なしで、創業して3年間以上途切れることなくお仕事のご依頼をいただけた経緯をお話できできればと思います。

日 時:2019年11月9日(土)18:00〜21:00(開場17:40)
会 場:札幌市民ホール 第1会議室(札幌市中央区北1条西1丁目)
定 員:60名
講 師:
阿部 文人
今 聖菜
福井 烈
高橋 朋代(椅子ヨガ)
角田 綾佳

https://sacss.net/special25/

B89f71d2ede9073a0b424acae9ed6959?s=128

Fumito Abe / necco

November 09, 2019
Tweet

Transcript

  1. None
  2. Fumito Abe & Seina Kon 2019.11.9 at Sapporo SaCCS vol.108

    BLANDING SPECIAL খ͞ͳ੍࡞ձ͕ࣾ খ͘͞͸͡ΊΔϒϥϯυͮ͘Γ
  3. None
  4. None
  5. None
  6. None
  7. ˌsacss Today’s Hashtag

  8. 1೥ͿΓ2౓໨ͷ ๺ւಓɾࡳຈ!

  9. None
  10. None
  11. None
  12. ొஃͰ͖·ͨ͠ !

  13. None
  14. None
  15. 1. ࣗݾ঺հ About us About Company Brannding Total Contents ࠓ೔ͷ಺༰

    2. ձࣾ঺հ 4. ϒϥϯυˍϒϥϯσΟϯάͬͯԿʁ 45min 5-1. neccoͷϒϥϯσΟϯά 5-2. CaTͷϒϥϯσΟϯά 5-3. ͓٬͞·ͷϒϥϯσΟϯά 6. ·ͱΊ Introduction 3. ͸͡Ίʹ
  16. ࣗݾ঺հ About us 1

  17. ΫϦΤΠςΟϒσΟϨΫλʔσβΠϯΤϯδχΞ Ѩ෦จਓ ౦ژ౎ࡏॅ౦ژ౎ग़਎ ɾ2016೥10݄ɿ גࣜձࣾneccoळాͰ૑ۀ ɾ2019೥6݄ɿ౦ژΦϑΟεΛ։ઃ ɾೣ2ඖͱੜ׆ ओʹϒϥϯυσβΠϯ੍࡞શମͷσΟϨΫγϣϯ͔Βઓུɺ 69ɾ৘ใઃܭɺ6*σβΠϯɺϑϩϯτΤϯυ࣮૷Λ୲౰ɻ גࣜձࣾnecco

    @abefumito ɾWordCampͷొஃ2ճ ɾJAWS-UG Tohokuॴଐ ɾJP_Stripes AkitaӡӦ 2ճ໨ͦΖͦΖ  ɾAlexaDay 2018, 2019σβΠϯΛnecco͕୲౰ ୅දऔక໾ Director
  18. ܦӦऀ 3೥ ओͳ৬ྺ ΤϯδχΞ 3೥ ΢ΣϒϚʔέλʔ ෆಈ࢈ӦۀϚϯ ӷথTVൢചһ 3೥ 6೥

    8೥ ΢ΣϒσΟϨΫλʔ 10೥ σβΠφʔ 4೥ 4೥ ύϯ԰ɾΧϑΣళһ Director
  19. ౦ژ౎ࡏॅळాݝळాࢢग़਎ ɾळాݝͷඒज़୹େଔۀޙɺ ɹ੍࡞ձࣾͰσβΠφʔͱͯ͠ۈ຿ɻ ɾ2016೥ΑΓneccoʹࢀըɻ ओʹσβΠϯ੍࡞ɺάϥϑΟοΫ੍࡞Λ୲౰ɻ ਓͷ৺Λάοͱಈ͔͢σβΠϯΛ࡞Δ΂͘೔ʑษڧɾฃಆதɻ גࣜձࣾnecco @konseina ࠓ੟ࡊ σβΠφʔ

    Designer ɾCSS Nite LP64ʮCoder's High 2019ʯ ొஃ ɾCaT vol.2, 4, 5 ొஃ
  20. Designer σβΠφʔ 6೥ ओͳ৬ྺ ·ͩ·ͩ͜Ε͔Βʂ

  21. ձࣾ঺հ About Company 2

  22. About Company ձࣾ঺հ ϒϥϯυͮ͘Γͷ͓ख఻͍Λى఺ʹ σβΠϯɹͱɹ΢ΣϒαΠτɹΛ ͍ͭͬͯ͘·͢

  23. None
  24. None
  25. None
  26. None
  27. ͸͡Ίʹ Introduction 3

  28. ࠓ೔ͷΰʔϧ

  29. ࣗ਎ͷαʔϏε΍঎඼ʹͱͬͯͷ ϒϥϯυͱϒϥϯσΟϯά͕ ݟ͑ͯ͘Δ͖͔͚ͬʹ

  30. ͜Μͳ͓࿩Λ ͍͖ͯ͠·͢ɻ

  31. necco͕ ΍͖ͬͯͨɹ΍͍ͬͯΔࣄྫ Λத৺ʹ͓࿩͍͖ͯ͠·͢ʂ

  32. ͜Μͳ͓࿩͸͠·ͤΜɻ Zzz…

  33. ϙδγϣχϯά ɺηάϝϯςʔγϣϯɺ STPɺ4Pɺ3CϑϨʔϜϫʔΫ ೉ͦ͠͏ͳ͓࿩͸Ͱ͖ͯ·ͤΜɻ ͳͲͷ

  34. ϒϥϯυˍϒϥϯσΟϯάͬͯԿʁ What is Brandʁ 4

  35. ϒϥϯυͬͯͳΜͰ͔͢ʁ

  36. ϒϥϯυ࿦ແܗͷࠩผԽΛ࡞Δ20ͷجຊݪଇ σʔϏουɾΞʔΧʔ ஶ Ѩٱ௡૱ ຋༁ " ϒϥϯυ͸ઓུΛࠨӈ͢Δ ࢿ࢈Ͱ͋Δ ϒϥϯυͱ͸ʁ !

  37. " ! ʮ͋ΔചΓखͷࡒ΍αʔϏε ΛɺଞͷചΓखͷͦΕͱ͸ҟͳ Δ΋ͷͱͯࣝ͠ผ͢ΔͨΊͷ໊ લɺ༻ޠɺσβΠϯɺγϯϘϧ ٴͼͦͷଞͷಛ௃ʯ ϒϥϯυͱ͸ʁ ##ϒϥϯσΟϯάʕاۀؒͷऔҾ઀఺ΛڧԽ͢Δ ༨ా୓࿠

    ฤू ट౻໌හ ฤू
  38. ϒϥϯυͷޠݯ ՈசͱଞਓͷՈசΛؒҧ͑ͳ͍Α͏ʹ মҹΛԡͯ۠͠ผ͍ͯͨ͠ɻ Burned মҹΛԡ͢ ग़యɿޠݯ༝དྷࣙయIUUQHPHFOBMMHVJEFDPNIVCSBOEIUNM

  39. None
  40. necco͕ߟ͑Δϒϥϯυ ಉ͡ਓɺਓฑɺإɺ༰࢟Ͱɺ ͖ͪΜͱೝࣝͰ͖Δɻ ͜ͷϩΰɺσβΠϯɺରԠɺจষ͸ necco͞Μʂͱ͙͢Θ͔Δঢ়ଶ ྫ͑͹

  41. ϒϥϯσΟϯάͬͯ ͳΜͰ͔͢ʁ

  42. ϒϥϯυΛσβΠϯ͢Δ ੢ᖒ໌༸ ஶ " ! ͋Δ঎඼αʔϏεاۀͷશମͱ ͯ͠ͷΠϝʔδʹɺ ͋ΔҰఆͷํ޲ੑΛ࡞Γग़͢͜ ͱͰଞࣾͱࠩผԽ͢Δ͜ͱɻ ϒϥϯσΟϯάͱ͸ʁ

  43. B2BϒϥϯσΟϯάʕاۀؒͷऔҾ઀఺ΛڧԽ͢Δ ༨ా୓࿠ ฤू ट౻໌හ ฤू " ! ϒϥϯυΛ࡞Γ্͛ϝϯςφϯ ε͠ͳ͕Βɺ͞Βʹ͍ͬͦ͏ڧ ͍ͯ͘͘͠Ұ࿈ͷ׆ಈ

    ϒϥϯσΟϯάͱ͸ʁ
  44. ϒϥϯσΟϯάͷՊֶɹ୭΋஌Βͳ͍ϚʔέςΠϯάͷ๏ଇ όΠϩϯɾγϟʔϓ ஶ લฏɹݠೋ ຋༁ Ճ౻ɹ޼ ͦͷଞ " ! ϒϥϯυͷࠩผԽΛਤΔ͜ͱ͸

    ϚʔέςΟϯά্ͷ ॏཁͳ࢓ࣄͰ͸ͳ͍ ϒϥϯσΟϯάͱ͸ࠩผԽʁ
  45. ͑ʁ ϒϥϯσΟϯάͬͯ೉͍͠ʁ

  46. ͍͔͖ͭͬͱґཔɾߪೖ͕͋Δͱ৴ͯ͡ʜ ͓٬͞Μʹ ޷͖ʹͳͬͯ΋Β͏ શͯͷऔΓ૊Έ

  47. ಘҙͳ࢓ࣄ ޷͖Ͱ ࠓޙ΍Γ͍ͨ࢓ࣄ ͜͜ΛϒϥϯσΟϯά ͠ͳ͕Β ͜͜΋͕Μ͹Δʂ ඞཁͱ͞ΕͯΔ ࢓ࣄ

  48. ੍࡞෺͕޷͖ʂ ੍࡞աఔʢσΟϨΫγϣϯʣ͕޷͖ʂ ରԠͷखॱɺ࿩͠ํɺจষ͕޷͖ʂ ੈք؍͕޷͖ ޷͖ʹͳͬͯ΋Β͏ϙΠϯτ͸ͨ͘͞Μ͋Δ

  49. ͪΐͬͱ୤ઢ necco͸ϒϥϯσΟϯάɾσβΠϯͷձࣾ ސ٬઀఺ʢλονϙΠϯτʣ ͷ σβΠϯΛ͍ͯ͘͠ձࣾ

  50. 1. ࣗݾ঺հ About us About Company Brannding Total Contents ࠓ೔ͷ಺༰

    2. ձࣾ঺հ 4. ϒϥϯυˍϒϥϯσΟϯάͬͯԿʁ 45min 5-1. neccoͷϒϥϯσΟϯά 5-2. CaTͷϒϥϯσΟϯά 5-3. ͓٬͞·ͷϒϥϯσΟϯά 6. ·ͱΊ Introduction 3. ͸͡Ίʹ
  51. neccoͷϒϥϯσΟϯά necco 5-1 Case.1

  52. None
  53. ͳΜͰ”necco”໊ͬͯલͳͷʁ ೣʁ

  54. ίʔσΟϯά͚ͩɺσβΠϯ͚ͩɺͰ͸ղܾͰ͖ͳ͍͜ͱ΋ ଟ͍ͱࢥ͍ͬͯͨͷͰࣄۀΛΑΓ஌ͬͯɺຊ౰ʹ΢ΣϒαΠτ΍ ϩΰɺ֤छൢଅ෺͕ඞཁ͔Ͳ͏͔ʁ͔ΒؔΘͬͯ ͓٬͞·ͷࣄۀ͕੒ޭ͢Δख఻͍Λ͍ͨ͠ˠࠜͬ͜Λߟ͑Δ ͔ͩΒϩΰ΋ ໦ͷࠜͬ͜ʹͳͬͨΑ

  55. None
  56. None
  57. None
  58. Θͨͨͪ͠͸ઓུͱϚʔέςΟϯάΛى఺ͱͨ͠ɺ ίϯαϧςΟϯάܕͷσβΠϯ੍࡞ձࣾͰ͢ɻ necco͸Կ͕Ͱ͖Δʁ ͓٬͞·ͷ͜ͱΛneccoʢͶͬ͜ʣ͔Βߟ͑ɺ࿦ཧతͳϒϥϯσΟϯάɾ άϥϑΟοΫσβΠϯͱɺ΢ΣϒαΠτɾࣾ಺΢ΣϒγεςϜ੍࡞ͷ྆࣠ ͔Βࣄۀͷ՝୊Λݟ͑ΔԽ͠ɺղܾ͠·͢ɻ

  59. CI ʢίʔϙϨʔτɾΞΠσϯςΟςΟʣ  ϒϥϯυͰ͔͢ʁ

  60. ϒϥϯυͷҰͭ ސ٬઀఺ʢλονϙΠϯτʣ  ͸ͱͬͯ΋େࣄͳ৔ॴ

  61. ΦϑΟεͷ Ϧϊϕʔγϣϯ "

  62. None
  63. None
  64. None
  65. None
  66. ࡳຈͷϤΨͷઌੜ͔Β ΦϯϥΠϯϤΨΛडߨ #

  67. None
  68. None
  69. ͜Ε͸ϒϥϯσΟϯάʁ

  70. ࣗ෼͕ͨͪ΍ͬͯΈ͍ͨ͜ͱΛ ΍ͬͯΈͯͦΕΛൃ৴͢Δ͜ͱ͸ ϒϥϯσΟϯάͷҰͭ ΁ʙ

  71. ΦϑΟεͷσβΠϯ΋ νʔϜͷ݈߁΋େࣄʹ

  72. ͍͍ΦϑΟεͰ݈߁ʹಇ͖͍ͨ ͍·ͱະདྷͷϝϯόʔͷͨΊ

  73. աఔ΍ετʔϦʔΛָ͠ΜͰΔ͜ͱ͸ ϒϥϯσΟϯάʹͳΔ

  74. ಘҙͳ࢓ࣄ ޷͖Ͱ ࠓޙ΍Γ͍ͨ࢓ࣄ ͔͜͜΋͆ ඞཁͱ͞ΕͯΔ ࢓ࣄ

  75. ͍·͙͢ͷ͓٬͞·ɺ͍͔ͭͷ͓٬͞· ະདྷͷ஥ؒΛࢥ͍ඳ͍ͯಈ͍͍ͯ͘ ϚʔέςΟϯάతͳࢪࡦʁ ϚʔέςΟϯάͷதͷҰͭͷࢪࡦ͕ ϒϥϯσΟϯά

  76. Case.1 ·ͱΊ ϩΰ͸ϒϥϯυͷҰͭ ΍͍ͬͯΔ͜ͱΛ۩ମతͳจষͰ ސ٬઀఺ͷσβΠϯΛ͢Δ ࠓޙ΍Γ͍ͨ͜ͱ΋௅ઓͯ͠ൃ৴

  77. CaTͷϒϥϯσΟϯά CaT 5-2 Case.2

  78. CaTͬͯԿʁ ೣʁ

  79. None
  80. None
  81. σβΠϯ͚ͩʁ web͚ͩʁ

  82. ΍Γ͍ͨ͜ͱΛશ෦ॻ͖ग़͢ ΍Δ΂͖͜ͱΛશ෦ॻ͖ग़͢ άϧʔϐϯά͢Δ ू໿͢Δ ίϯηϓτͷ࡞Γํ

  83. VUI σβΠϯ ࣸਅ ಈը 3DCG web ϥΠςΟϯά

  84. ͭ͘Δ ͦͯ͠ ߟ͑Δ

  85. None
  86. ୹͘ɺจࣈͷόϥπΩΛͳͨ͘͠ ಈࢺʹͯ͠ΞΫγϣϯʹͭͳ͛Δ ͭ͘Δ͕ઌɺߟ͑Δ͕͋ͱ neccoͶͬ͜Ͷ͜CaT CaTͷ໊લͷͭ͘Γํ

  87. ίϯηϓτ ͭ͘Γख΍͜Ε͔ΒԿ͔ ͭ͘Γ͍ͨਓͷͨΊͷΠϕϯτ

  88. ΠϕϯτεϩʔΨϯ ࢼߦࡨޡͷઌʹݟ͚ͭΑ͏

  89. ίϯηϓτ͸ந৅Խ͓͍ͯͨ͠ ໊લΛͳΔ΂͘୹͘Θ͔Γ΍͘͢ ίϯηϓτΛ૯শ͢Δϝοηʔδ CaTͷίϯηϓτͷͭ͘Γํ

  90. ιʔϯμ ΠΫͷೣ ʂ ʁ ೣͷ໰୊ശ  ശʹೖͬͨೣ͕ࢼߦࡨޡ ൶Λ։͍ͯӤΛͱΕΔΑ͏ʹͳΔ ໊લΛܾఆ͢Δલͷௐࠪʢେࣄʣ

  91. None
  92. None
  93. ·ͩྑ͘ͳ͍ॳΊͯͷ঎඼ɾαʔϏε͸ Ͳ͏ͨ͠Β͍͍ͷʁ Design

  94. ૸Γͳ͕Βຏ͔͘͠ͳ͍ʂ

  95. ਓʹ఻͑Δʹ͸ ڧ͍෢ث͕͍Δʂ

  96. None
  97. None
  98. None
  99. None
  100. None
  101. None
  102. None
  103. None
  104. None
  105. None
  106. None
  107. None
  108. None
  109. ϒϥϯυʢࢿ࢈ʣ͸͙͢ʹ૿΍ͤͳ͍ɺ ͓ۚΛ࢖͑͹ඞͣ૿͑Δࢿ࢈Ͱͳ͍

  110. ࣗ෼͕঎඼ɾαʔϏεΛҰ൪޷͖ʹͳΔ ෢ثΛຏ͍͍ͯ͘ ͱʹ͔͘ൃ৴Λ܁Γฦ͢ɺ൓ԠΛ؍࡯͢Δ Case.2 ·ͱΊ

  111. ྑ͍঎඼ɺྑ͍αʔϏεɺ σβΠϯɺίϯηϓτɺϝοηʔδ΋ ൃ৴Λ܁Γฦ͍͔ͯ͠ͳ͚Ε͹ͨͩͷ໫ ൃ৴ͯ͠൓ԠΛಘͯຏ͘

  112. σβΠϯ΍΢ΣϒͰࠔͬ ͯΔਓ͕͘Δ͔΋ʁ ळాͰ͸୭΋΍ͬͯͳ͍ʢࠩผԽʁʣ CaT΍Γͳ͕ΒάοζΛগͣͭ͠࡞ΕΔʂ খ͍͞੠Ͱͪΐͬͱ͚ͩ

  113. ͓٬͞·ͷϒϥϯσΟϯά Clients 5-3 Case.3

  114. None
  115. None
  116. None
  117. None
  118. ૊৫ͷߟ͑ ΍ࣄۀ͕ϩΰʹ൓ө͞Ε͍ͯΔ͔ʁ ఩ֶ͕৭ɺจࣈʹ൓ө͞Ε͍ͯΔ͔ Section-9Β͕͋͠͞Δ͔ʁ ϒϥϯυͮ͘ΓͷϙΠϯτ

  119. None
  120. None
  121. None
  122. None
  123. ͜ͷϩΰΛ࢖͍ଓ͚ΒΕΔ͔ʁ ઌਐੑͷ͋ΔαʔϏεͰ͋ΔͱΘ͔Δ͔ʁ ೉͗͢͠ΔจষͳͲʹͳ͍ͬͯͳ͍͔ʁ ϒϥϯυͮ͘ΓͷϙΠϯτ

  124. None
  125. None
  126. None
  127. None
  128. None
  129. ୭ʹͲ͜ʹ޲͚ͯ޿Ί͍ͨͷ͔ʁ஍ํʁ ෆؾຯ͞΍৴ڼ৭͕ڧ͘Ͱͯͳ͍͔ʁ هࣄΛߋ৽͢Δ೤ྔ͕͋Δ͔ʁ ϒϥϯυͮ͘ΓͷϙΠϯτ

  130. None
  131. None
  132. None
  133. None
  134. ඒຯ͕ͭͨ͠͞ΘΔ͔ʁ ͲΜͳಛ௃ͷ͓ళͳͷ͔ʁ λʔήοτʹ߹க͢Δ͔ʁ ϒϥϯυͮ͘ΓͷϙΠϯτ

  135. ͓٬͞·͕࣍ͷ͓٬͞·Λ ࿈Ε͖ͯͯ͘ΕΔͷ͕ཧ૝

  136. ·ͱΊ Conclusion 6

  137. ϒϥϯυ͸ઓུΛࠨӈ͢Δ ࢿ࢈ ϒϥϯυͱ͸ʁ

  138. ͓٬͞Μʹ ޷͖ʹͳͬͯ΋Β͏ શͯͷऔΓ૊Έ ϒϥϯσΟϯάͱ͸ʁ

  139. ޷͖Ͱ͢ͱݴ͍ଓ͚ͯ ࡶʹߏΘΕΔͱಀ͍͛ͯ͘ೣ

  140. ೤͍ࢥ͍࣋ͪͳ͕Β΋೜଱Λ΋ͬͯ ޷͖ʹͳͬͯ΋Β͏औΓ૊ΈΛଓ͚Δͱ කʹ৐͖ͬͯͯ͘ΕΔ ˢϒϥϯσΟϯά Zzz…

  141. ೤͍ࢥ͍͸͋Δ͔ʁͦΕ͸ͳͥʁ ঎඼ɺαʔϏε͸ຏ͔Ε͍ͯΔ͔ʁ ಉ͡ਓʢਓฑɺإɺ༰࢟ʣͰೝࣝ͞ΕΔ͍ͯΔ͔ʁ ސ٬઀఺ΛσβΠϯ͍ͯ͠Δ͔ʁ ϒϥϯσΟϯάͰ΍Δ͜ͱϦετ

  142. ঎඼ɾαʔϏεΛ୹͍ͻͱ͜ͱͰݴ͏ͱʁ ঎඼ɾαʔϏεΛ਺ߦͰݴ͏ͱʁ ࠓ͙͢ސ٬͍͔ͭސ٬Λҙࣝͯ͠Δ͔ʁ ετʔϦʔ΍աఔΛൃ৴͍ͯ͠Δ͔ʁ ϒϥϯσΟϯάͰ΍Δ͜ͱϦετ

  143. ൃ৴͸ఘΊͳ͍Ͱ܁Γฦ͍ͯ͠Δ͔ʁ ૸Γͳ͕Βຏ͍ͯΔʁ ൓ԠΛ͏·͘ϒϥϯυʹ൓ө͍ͯ͠Δ͔ʁ ͋ͳ͕ͨҰ൪޷͖ʹͳ͍ͬͯΔ͔ʁ ϒϥϯσΟϯάͰ΍Δ͜ͱϦετ

  144. ϒϥϯυͷҰ൪ͷϑΝϯ͸ࢲ ࢲͷதʹ͢Ͱʹղܾࡦ͸͋Δ

  145. ೤ ͍ ૝ ͍ ঎඼ɾαʔϏεΛ ຏ͘ λονϙΠϯτΛ σβΠϯ͢Δ ൃ৴͢Δ ߪೖɾґཔΛ

    ड͚ͯ൓ԠΛಘΔ
  146. None
  147. None
  148. Thank you! ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ࠙਌ձͰ΋͓ؾܰʹ࿩͔͚͍ͯͩ͘͠͞ʂ࣭͝໰ͳͲ΋ͥͻʂ

  149. ༡ͼʹདྷ͍ͯͩ͘͞ʂ ͥͻ