小さな制作会社が小さくはじめるブランドづくり #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/

Transcript

2. Fumito Abe & Seina Kon 2019.11.9 at Sapporo SaCCS vol.108 BLANDING SPECIAL খ͞ͳ੍࡞ձ͕ࣾ
   খ͘͞͸͡ΊΔϒϥϯυͮ͘Γ
7. ˌsacss Today’s Hashtag
8. 1೥ͿΓ2౓໨ͷ
   ๺ւಓɾࡳຈ
   !
12. ొஃͰ͖·ͨ͠ !
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 ձࣾ঺հ ϒϥϯυͮ͘Γͷ͓ख఻͍Λى఺ʹ
    σβΠϯɹͱɹ΢ΣϒαΠτɹΛ
    ͍ͭͬͯ͘·͢
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
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
53. ͳΜͰ”necco”໊ͬͯલͳͷʁ ೣʁ
54. ίʔσΟϯά͚ͩɺσβΠϯ͚ͩɺͰ͸ղܾͰ͖ͳ͍͜ͱ΋
    ଟ͍ͱࢥ͍ͬͯͨͷͰࣄۀΛΑΓ஌ͬͯɺຊ౰ʹ΢ΣϒαΠτ΍
    ϩΰɺ֤छൢଅ෺͕ඞཁ͔Ͳ͏͔ʁ͔ΒؔΘͬͯ
    ͓٬͞·ͷࣄۀ͕੒ޭ͢Δख఻͍Λ͍ͨ͠
    ˠ
    ࠜͬ͜Λߟ͑Δ ͔ͩΒϩΰ΋
    ໦ͷࠜͬ͜ʹͳͬͨΑ
58. Θͨͨͪ͠͸ઓུͱϚʔέςΟϯάΛى఺ͱͨ͠ɺ ίϯαϧςΟϯάܕͷσβΠϯ੍࡞ձࣾͰ͢ɻ necco͸Կ͕Ͱ͖Δʁ ͓٬͞·ͷ͜ͱΛneccoʢͶͬ͜ʣ͔Βߟ͑ɺ࿦ཧతͳϒϥϯσΟϯάɾ άϥϑΟοΫσβΠϯͱɺ΢ΣϒαΠτɾࣾ಺΢ΣϒγεςϜ੍࡞ͷ྆࣠ ͔Βࣄۀͷ՝୊Λݟ͑ΔԽ͠ɺղܾ͠·͢ɻ
59. CI ʢίʔϙϨʔτɾΞΠσϯςΟςΟʣ 
    
    ϒϥϯυͰ͔͢ʁ
60. ϒϥϯυͷҰͭ
    ސ٬઀఺ʢλονϙΠϯτʣ
    ͸ͱͬͯ΋େࣄͳ৔ॴ
61. ΦϑΟεͷ
    Ϧϊϕʔγϣϯ "
66. ࡳຈͷϤΨͷઌੜ͔Β
    ΦϯϥΠϯϤΨΛडߨ #
69. ͜Ε͸ϒϥϯσΟϯάʁ
70. ࣗ෼͕ͨͪ΍ͬͯΈ͍ͨ͜ͱΛ
    ΍ͬͯΈͯͦΕΛൃ৴͢Δ͜ͱ͸
    ϒϥϯσΟϯάͷҰͭ ΁ʙ
71. ΦϑΟεͷσβΠϯ΋
    νʔϜͷ݈߁΋େࣄʹ
72. ͍͍ΦϑΟεͰ݈߁ʹಇ͖͍ͨ
    ͍·ͱະདྷͷϝϯόʔͷͨΊ
73. աఔ΍ετʔϦʔΛָ͠ΜͰΔ͜ͱ͸
    ϒϥϯσΟϯάʹͳΔ
74. ಘҙͳ࢓ࣄ ޷͖Ͱ
    ࠓޙ΍Γ͍ͨ࢓ࣄ ͔͜͜΋͆ ඞཁͱ͞ΕͯΔ
    ࢓ࣄ
75. ͍·͙͢ͷ͓٬͞·ɺ͍͔ͭͷ͓٬͞·
    ະདྷͷ஥ؒΛࢥ͍ඳ͍ͯಈ͍͍ͯ͘ ϚʔέςΟϯάతͳࢪࡦʁ ϚʔέςΟϯάͷதͷҰͭͷࢪࡦ͕
    ϒϥϯσΟϯά
76. Case.1 ·ͱΊ ϩΰ͸ϒϥϯυͷҰͭ
    ΍͍ͬͯΔ͜ͱΛ۩ମతͳจষͰ
    ސ٬઀఺ͷσβΠϯΛ͢Δ
    ࠓޙ΍Γ͍ͨ͜ͱ΋௅ઓͯ͠ൃ৴
77. CaTͷϒϥϯσΟϯά CaT 5-2 Case.2
78. CaTͬͯԿʁ ೣʁ
81. σβΠϯ͚ͩʁ
    web͚ͩʁ
82. ΍Γ͍ͨ͜ͱΛશ෦ॻ͖ग़͢
    ΍Δ΂͖͜ͱΛશ෦ॻ͖ग़͢
    άϧʔϐϯά͢Δ
    ू໿͢Δ ίϯηϓτͷ࡞Γํ
83. VUI σβΠϯ ࣸਅ ಈը 3DCG web ϥΠςΟϯά
84. ͭ͘Δ ͦͯ͠ ߟ͑Δ
86. ୹͘ɺจࣈͷόϥπΩΛͳͨ͘͠
    ಈࢺʹͯ͠ΞΫγϣϯʹͭͳ͛Δ
    ͭ͘Δ͕ઌɺߟ͑Δ͕͋ͱ
    necco
    
    Ͷͬ͜
    
    Ͷ͜
    
    CaT CaTͷ໊લͷͭ͘Γํ
87. ίϯηϓτ ͭ͘Γख΍͜Ε͔ΒԿ͔
    ͭ͘Γ͍ͨਓͷͨΊͷΠϕϯτ
88. ΠϕϯτεϩʔΨϯ ࢼߦࡨޡͷઌʹݟ͚ͭΑ͏
89. ίϯηϓτ͸ந৅Խ͓͍ͯͨ͠
    ໊લΛͳΔ΂͘୹͘Θ͔Γ΍͘͢
    ίϯηϓτΛ૯শ͢Δϝοηʔδ CaTͷίϯηϓτͷͭ͘Γํ
90. ιʔϯμ ΠΫͷೣ ʂ ʁ ೣͷ໰୊ശ
    ശʹೖͬͨೣ͕ࢼߦࡨޡ
    ൶Λ։͍ͯӤΛͱΕΔΑ͏ʹͳΔ ໊લΛܾఆ͢Δલͷௐࠪʢେࣄʣ
93. ·ͩྑ͘ͳ͍ॳΊͯͷ঎඼ɾαʔϏε͸
    Ͳ͏ͨ͠Β͍͍ͷʁ Design
94. ૸Γͳ͕Βຏ͔͘͠ͳ͍ʂ
95. ਓʹ఻͑Δʹ͸
    ڧ͍෢ث͕͍Δʂ
109. ϒϥϯυʢࢿ࢈ʣ͸͙͢ʹ૿΍ͤͳ͍ɺ
     ͓ۚΛ࢖͑͹ඞͣ૿͑Δࢿ࢈Ͱͳ͍
110. ࣗ෼͕঎඼ɾαʔϏεΛҰ൪޷͖ʹͳΔ
     ෢ثΛຏ͍͍ͯ͘
     ͱʹ͔͘ൃ৴Λ܁Γฦ͢ɺ൓ԠΛ؍࡯͢Δ Case.2 ·ͱΊ
111. ྑ͍঎඼ɺྑ͍αʔϏεɺ
     σβΠϯɺίϯηϓτɺϝοηʔδ΋
     ൃ৴Λ܁Γฦ͍͔ͯ͠ͳ͚Ε͹ͨͩͷ໫ ൃ৴ͯ͠൓ԠΛಘͯຏ͘
112. σβΠϯ΍΢ΣϒͰࠔͬ ͯΔਓ͕͘Δ͔΋ʁ
     ळాͰ͸୭΋΍ͬͯͳ͍ʢࠩผԽʁʣ
     CaT΍Γͳ͕ΒάοζΛগͣͭ͠࡞ΕΔʂ খ͍͞੠Ͱͪΐͬͱ͚ͩ
113. ͓٬͞·ͷϒϥϯσΟϯά Clients 5-3 Case.3
118. ૊৫ͷߟ͑ ΍ࣄۀ͕ϩΰʹ൓ө͞Ε͍ͯΔ͔ʁ
     ఩ֶ͕৭ɺจࣈʹ൓ө͞Ε͍ͯΔ͔
     Section-9Β͕͋͠͞Δ͔ʁ ϒϥϯυͮ͘ΓͷϙΠϯτ
123. ͜ͷϩΰΛ࢖͍ଓ͚ΒΕΔ͔ʁ
     ઌਐੑͷ͋ΔαʔϏεͰ͋ΔͱΘ͔Δ͔ʁ
     ೉͗͢͠ΔจষͳͲʹͳ͍ͬͯͳ͍͔ʁ ϒϥϯυͮ͘ΓͷϙΠϯτ
129. ୭ʹͲ͜ʹ޲͚ͯ޿Ί͍ͨͷ͔ʁ஍ํʁ
     ෆؾຯ͞΍৴ڼ৭͕ڧ͘Ͱͯͳ͍͔ʁ
     هࣄΛߋ৽͢Δ೤ྔ͕͋Δ͔ʁ ϒϥϯυͮ͘ΓͷϙΠϯτ
134. ඒຯ͕ͭͨ͠͞ΘΔ͔ʁ
     ͲΜͳಛ௃ͷ͓ళͳͷ͔ʁ
     λʔήοτʹ߹க͢Δ͔ʁ ϒϥϯυͮ͘ΓͷϙΠϯτ
135. ͓٬͞·͕࣍ͷ͓٬͞·Λ
     ࿈Ε͖ͯͯ͘ΕΔͷ͕ཧ૝
136. ·ͱΊ Conclusion 6
137. ϒϥϯυ͸ઓུΛࠨӈ͢Δ
     ࢿ࢈ ϒϥϯυͱ͸ʁ
138. ͓٬͞Μʹ
     ޷͖ʹͳͬͯ΋Β͏
     શͯͷऔΓ૊Έ ϒϥϯσΟϯάͱ͸ʁ
139. ޷͖Ͱ͢ͱݴ͍ଓ͚ͯ
     ࡶʹߏΘΕΔͱಀ͍͛ͯ͘ೣ
140. ೤͍ࢥ͍࣋ͪͳ͕Β΋೜଱Λ΋ͬͯ
     ޷͖ʹͳͬͯ΋Β͏औΓ૊ΈΛଓ͚Δͱ
     කʹ৐͖ͬͯͯ͘ΕΔ ˢϒϥϯσΟϯά Zzz…
141. ೤͍ࢥ͍͸͋Δ͔ʁͦΕ͸ͳͥʁ
     ঎඼ɺαʔϏε͸ຏ͔Ε͍ͯΔ͔ʁ
     ಉ͡ਓʢਓฑɺإɺ༰࢟ʣͰೝࣝ͞ΕΔ͍ͯΔ͔ʁ
     ސ٬઀఺ΛσβΠϯ͍ͯ͠Δ͔ʁ ϒϥϯσΟϯάͰ΍Δ͜ͱϦετ
142. ঎඼ɾαʔϏεΛ୹͍ͻͱ͜ͱͰݴ͏ͱʁ
     ঎඼ɾαʔϏεΛ਺ߦͰݴ͏ͱʁ
     ࠓ͙͢ސ٬͍͔ͭސ٬Λҙࣝͯ͠Δ͔ʁ
     ετʔϦʔ΍աఔΛൃ৴͍ͯ͠Δ͔ʁ ϒϥϯσΟϯάͰ΍Δ͜ͱϦετ
143. ൃ৴͸ఘΊͳ͍Ͱ܁Γฦ͍ͯ͠Δ͔ʁ
     ૸Γͳ͕Βຏ͍ͯΔʁ
     ൓ԠΛ͏·͘ϒϥϯυʹ൓ө͍ͯ͠Δ͔ʁ
     ͋ͳ͕ͨҰ൪޷͖ʹͳ͍ͬͯΔ͔ʁ ϒϥϯσΟϯάͰ΍Δ͜ͱϦετ
144. ϒϥϯυͷҰ൪ͷϑΝϯ͸ࢲ
     ࢲͷதʹ͢Ͱʹղܾࡦ͸͋Δ
145. ೤ ͍ ૝ ͍ ঎඼ɾαʔϏεΛ
     ຏ͘ λονϙΠϯτΛ
     σβΠϯ͢Δ ൃ৴͢Δ ߪೖɾґཔΛ
     ड͚ͯ൓ԠΛಘΔ
148. Thank you! ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ࠙਌ձͰ΋͓ؾܰʹ࿩͔͚͍ͯͩ͘͠͞ʂ࣭͝໰ͳͲ΋ͥͻʂ
149. ༡ͼʹདྷ͍ͯͩ͘͞ʂ ͥͻ