Notionで簡易サイトを作成して、ニーズ調査を行った話

Notionで簡易サイトを作成して、ニーズ調査を行った話

Transcript

1. N o t i o n Ͱ ؆ қ α Π τ Λ ࡞ ੒ ͠ ͯ ɺ χ ʔζ ௐ ࠪ Λ ߦ ͬ ͨ ࿩ ླ ໦ ޹ ೭
2. /PUJPOΛ࢖͏ࣄʹͳͬͨܦҢ
   /PUJPOͰ؆қαΠτΛ࡞੒͢Δํ๏
   ݕূ݁Ռ ΞδΣϯμ
3. ୅ ද औ క ໾ ླ ໦ ޹ ೭ 3 P R O F I L E ʮ ԭ ೄ ͷ ՝ ୊ Λ ղ ܾ ͠ ɺ ࿑ ಇ ؀ ڥ Λ ʮ ࠶ ߏ ங ʹ Ϧ Ϗ ϧ υ ʯ ͢ Δ ʯ גࣜձࣾϑϧεϐʔυʹwebΤϯδχΞͱͯ͠ೖࣾɻϑϧεϐʔυͰ͸ɺେن໛ͳ޿ࠂ഑৴αʔ Ϗεͷ؅ཧը໘։ൃΛ୲౰͠ɺαʔόαΠυ͔ΒϑϩϯτΤϯυ·Ͱ෯޿͍։ൃʹैࣄɻϑ ϦʔϥϯεΤϯδχΞͱͯ͠1೥΄Ͳ׆ಈޙɺ2017೥11݄ʹԭೄͰىۀ͠ɺגࣜձࣾRe:Build Λઃཱɻ౦ژͱԭೄͷاۀ༷͔Βͷडୗ։ൃҊ݅Λ੥͚ɺෳ਺ϓϩδΣΫτͷϓϩδΣΫτϚ ωʔδϟʔΛܦݧɻࣗࣾαʔϏεʮTadoruʯͰ͸ϓϩμΫτϚωʔδϟʔͱ্ཱ͔ͯͪ͛͠ Βɺγʔυͷࢿۚௐୡ·ͰΛܦݧɻ
4. ୅ ද ླ ໦ ͷ Π ϕ ϯ τ ొ ஃ ࣮ ੷ ʮ ʯ 4 PHPerKaigi 2020 ϑϩϯτΤϯυ ΧϯϑΝϨϯεؔ੢ Laravel Meetup ୆࿷
5. ձ໊ࣾ גࣜձࣾRe:Build ୅දऀ ླ໦޹೭ ઃཱ ฏ੒29೥11݄28೔ ࣄۀ಺༰ ࣗࣾαʔϏε։ൃɾӡӦɺWebγεςϜ։ൃɺΤϯδ χΞڭҭɺσβΠϯ੍࡞ ࢿຊۚ 2,600ສԁ ॴࡏ஍ ˟900-0015 ԭೄݝಹ೼ࢢٱໜ஍2-2-2 λΠϜεϏϧ ి࿩൪߸ 050-5408-4501 ैۀһ਺ ໊̍̎ ձ ࣾ ֓ ཁ 5
6. 3F#VJMEʹ͍ͭͯ ࣄۀ಺༰ Re:Build Boot Camp͸ɺԭೄ΍ٶ࡚ͳͲͷ஍ํΛڌ ఺ͱ࣮ͨ͠຿ϨϕϧΛ໨ࢦ͢ϓϩάϥϛϯάεΫʔ ϧͰ͢ɻ3ϲ݄ؒͰɺʮ࣮຿ϨϕϧʯʹඞཁͳʮώΞ ϦϯάεΩϧʯʮ࠷௿ݶͷٕज़ྗʯʮࣗݾεέδϡ ʔϧ؅ཧʯͷ3ͭͷεΩϧΛ਎ʹ෇͚ΒΕΔΧϦΩϡ ϥϜΛ༻ҙ͍ͯ͠·͢ɻ ஍ํಛԽܕͷελʔτΞοϓελδΦͰ͢ɻ ʮ৽͠ ͍ϏδωεͷΞΠσΞ͕͋ͬͯ΋ɺΤϯδχΞ΍σ βΠφʔ͕͓ΒͣɺܗʹͰ͖ͳ͍ʯͳͲͷ஍ํاۀ ༷Λखॿ͚͠·͢ɻ·ͨɺҊ݅ͷ૬ஊ૭ޱͱͳΔ͜ ͱͰɺ஍ํʹ࢓ࣄΛੜΈग़͖͔͚ͬ͢Λ࡞Γ͍ͨͱ ࢥ͍ͬͯ·͢ɻ ΤϯδχΞͷҝͷΤϯδχΞʹΑΔ࢓ࣄ঺հαʔϏ εTadoru͸ΤϯδχΞಉ࢜Ͱ࢓ࣄΛγΣΞ͢Δɺ ΤϯδχΞൃͷηϛΫϩʔζͳίϛϡχςΟͰ͢ɻ ελʔτΞοϓελδΦࣄۀ 8FCΤϯδχΞڭҭࣄۀ ࣗࣾαʔϏε5BEPSVͷ
   ӡӦɾ։ൃ
7. 1 . N o t i o n Λ ࢖ ͏ ࣄ ʹ ͳ ͬ ͨ ܦ Ң
8. 8 ձ ࣾ ͷ ঢ় گ ͜Ε͔Β৽نࣄۀΛ্ཱͪ͛ ͍ͨ ௚ۙɺΤϯδχΞɺσβΠφʔͷϦ ιʔε͸ຒ·͍ͬͯΔɻ ͋Δఔ౓ɺχʔζ͕͋Δ͔෼ ͔͔ͬͯΒɺ։ൃΛਐΊ͍͖ͯ ͍ͨɻ
9. 9 ϓ ϩ μ Ϋ τ ͷ ε έ δ ϡ ʔ ϧ ײ Ϗδωε ։ൃɾ σβΠϯ ՝୊୳ࡧΠϯλϏϡʔ 4݄ 9݄ NotionαΠτ ͷެ։ α൛ͷཁ݅ఆٛ α൛ͷσβΠϯɾ ։ൃ։࢝ β൛ͷཁ݅ఆٛ ࣮ূ࣮ݧ ελʔτ Ϣʔβʔ ςετ ࣮૷಺༰ͷϨϏϡʔΛ ि࣍ͷMTGͰ֬ೝ 1݄ NotionͰ؆қ αΠτ࡞੒ 3݄ ϏδωεϞσϧ ͷนଧͪ ਖ਼ࣜαΠτͷϫΠϠʔ ࡞੒ 1݄ Ξϯέʔτू ܭ ਖ਼ࣜαΠτެ։ ਖ਼ࣜαΠτ ϦϦʔε ޿ࠂӡ༻ɾӦۀ β൛ͷσβΠϯɾ։ൃ։࢝ ΠϯλϏϡʔ݁ՌΛ Flyleʹ·ͱΊΔɻ ࠓ͜͜ʂ ਖ਼ࣜαΠτͷσβ Πϯɾ࡞੒
10. 10 ϓ ϩ μ Ϋ τ ͷ ε έ δ ϡ ʔ ϧ ײ Ϗδωε ։ൃɾ σβΠϯ ՝୊୳ࡧΠϯλϏϡʔ 4݄ 9݄ NotionαΠτ ͷެ։ α൛ͷཁ݅ఆٛ α൛ͷσβΠϯɾ ։ൃ։࢝ β൛ͷཁ݅ఆٛ ࣮ূ࣮ݧ ελʔτ Ϣʔβʔ ςετ ࣮૷಺༰ͷϨϏϡʔΛ ि࣍ͷMTGͰ֬ೝ 1݄ NotionͰ؆қ αΠτ࡞੒ 3݄ ϏδωεϞσϧ ͷนଧͪ ਖ਼ࣜαΠτͷϫΠϠʔ ࡞੒ 1݄ Ξϯέʔτू ܭ ਖ਼ࣜαΠτެ։ ਖ਼ࣜαΠτ ϦϦʔε ޿ࠂӡ༻ɾӦۀ β൛ͷσβΠϯɾ։ൃ։࢝ ΠϯλϏϡʔ݁ՌΛ Flyleʹ·ͱΊΔɻ ࠓ͜͜ʂ ਖ਼ࣜαΠτͷσβ Πϯɾ࡞੒ ͜ͷظؒͷ࿩Λ͠· ͢ʂ
11. ՝୊୳ࡧΠϯλϏϡʔ(ఆੑௐࠪ) ՝୊୳ࡧΠϯλϏϡʔΛΤϯδχΞ10ਓ΄Ͳʹ࣮ࢪ͠ɺԼه ͷ࣭໰Λͨ͠ɻ 1.νϟοτ։ൃ(ϝοηʔδػೳ)Ͱ೰ΜͰ͍Δ͜ͱ͸ͳΜͰ͔͢ʁ ϓϩδΣΫτ؅ཧ͢Δ্Ͱͷ՝୊ ͓٬͞Μͱͷཁ݅ఆٛͰେมͩͬͨ఺
 2.νϟοτ։ൃΛ͢Δࡍʹ૬ஊͰ͖Δਓ͕͍·͔͢ʁ ΋͘͠͸ɺ։ൃલʹͲ͏͍ͬͨௐ΂ํΛ͠·͔͢ʁ ݕࡧϫʔυΛڭ͍͑ͯͩ͘͞ɻ 
 3.νϟοτ։ൃΛ͢Δࡍʹ೰ΉΩοΧέ͸ͳΜͰ͔͢ʁ 4.ղܾࡦͱͯ͠࢖༻͍ͯ͠ΔαʔϏε͸͍·͔͢ʁ 5.νϟοτ։ൃ͢Δ͏͑Ͱཧ૝తͳ͜ͱʢָ͍͠ɺخ͍͠ʣ͸͋Γ·͢ ͔ʁ ఻͓͖͍͑ͯͨ͜ͱ͸ʁ
12. நग़ͨ͠՝୊ͷπϦʔ
13. FlyleͰιϦϡʔγϣϯͷચ͍ग़͠
14. ֤εςʔδͷج४(OMTM) ڞײ ఆண ऩӹ ֦ࢄ ֦େ 14' 1.' ࣍ϑΣʔζ΁ͷج४ ϓϩμΫτͷঢ়ଶ ࢿۚௐୡ ɾ؆қαΠτͷΞϯέʔτ݁Ռ͕NPSਪનऀͷ ج४Λຬ͍ͨͯ͠Δɻ ɾແྉاۀ˓ࣾ ɾ؆қαΠτ ɾ༗ྉاۀ˓ࣾ ɾΫϩʔζυα൛Ϧ Ϧʔε ɾβ൛ϦϦʔε(༗ྉ Խ) ɾਖ਼ࣜ൛ϦϦʔε ɾσοτͰ ◦ઍສԁௐୡ ɾͳ͠ 2022/01ʙ2022/03 ظؒ 2022/04ʙ2022/10 2023/04ʙ2023/12 ɾΤΫΠςΟͰ ◦ԯԁௐୡ ɾͳ͠ ɾMRR◦ສԁ ૝ఆ͍ͯͨ͠SOMʹରͯ͠Ұఆ਺γΣΞΛऔΕ͍ͯΔ͔ɻ 2022/11ʙ2023/03 2024/01/01ʙ ɾΤΫΠςΟͰ ◦ԯԁௐୡ ɾMRR◦ສԁ ্৔·Ͱͷಓے͕ݟ͓͑ͯΓɺޙ͸ࢿۚΛ౤ೖ͢Ε͹্৔Ͱ͖Δঢ় ଶɻ ɾSDKͷ֦ு ɾٕज़తෛ࠴ͷղফ ※͜ͷظؒ಺Ͱௐୡ͢Δɻ ※͜ͷج४ΛຬͨͤͨΒɺ࣍ϑΣʔζʹߦ͘ɻ
15. εςʔδʹ߹ͬͨKPIΛબͿ KPIͷධՁج४ ΛܾΊΔ αʔϏεΛӡӦ ͢Δ ϢʔβϏϦςΟ ςετ ϢʔβϑΟʔυ όοΫ A/Bςετ BIπʔϧͰܭଌ ͢Δ GoogleΞφϦςΟ ΫεͰܭଌ͢Δ ςετ݁ՌʹԠ͡ ͯɺ௥Ճػೳ࣮૷͢ Δ LPɾ޿ࠂͷվળΛ ͢Δ ޿ࠂӡ༻͢Δ ϐϘοτ·ͨ͸ఘΊΔ ࣍ͷεςʔδʹߦ͘ KPIͷධՁج४Λ௒ ͔͑ͨʁ ςετ݁ՌΛ෼ ੳ͢Δ ΞΫςΟϒɾඇΞΫςΟϒ ϢʔβΛݟ͚ͭΔ ӡӦ ܭଌ ςετ վળ ελʔτ ͍͍͑ ͸͍ KPIΛݕ౼͠௚͢ ώʔτϚοϓͰLPͷ ཭୤཰Λܭଌ͢Δ ֤εςʔδຖʹ͜ͷྲྀΕΛ ܁Γฦ͢ ֤εςʔδͷϥΠϑαΠΫϧ ςετͷڠྗґཔ͢Δ
16. 16 ࡞ ͬ ͨ ϓ ϩ μ Ϋ τ ͷ ֓ ཁ https://headless-message.com/ ϝοηʔδػೳͷ։ൃ ίετΛ࡟ݮ͢Δϩʔ ίʔυπʔϧ ɾاۀֹ͕݄՝ۚ͢ΔϞ σϧ
17. 2 . N o t i o n Ͱ ؆ қ α Π τ Λ ࡞ ੒ ͢ Δ ํ ๏
18. 18 ؆ қ α Π τ ͷ ࡞ ੒ ε ς ο ϓ 1.αΠτͷߏ੒ Ҋ࡞੒ ɾGoogleεϓϨουγʔτͰ ͬ͘͟Γߏ੒Λ࡞੒͢Δɻ 2.NotionͰίϯςϯ π࡞੒ ɾσβΠφʔͷํͰϔομʔ΍ ίϯςϯπͷը૾Λ࡞੒ɻ ɾNotionʹ࣮ࡍʹจষΛ౰ͯࠐ ΜͰ͍͘ɻ 3.SuperͰαΠτ ެ։ Superͱ͍͏αʔϏεΛ࢖༻͠ ͯɺNotionΛϗεςΟϯά͢ Δɻ 4.ޮՌଌఆπʔϧͷઃஔ ɾGAͷઃஔ ɾΞϯέʔτͷઃஔ
19. 19 S u p e r ( s u p e r . s o ) ͱ ͸ Super͸ɺSSGʢ੩తαΠτδΣωϨʔλʔʣͷࣗಈϗ εςΟϯάαʔϏεͰ͢ɻ ɾಠࣗυϝΠϯ&SSLʢhttpsʣରԠɻ ɾઃఆ͕؆୯ɻͩΕͰ΋10෼Ͱެ։Ͱ͖Δɻ ɾಡΈࠐΈ଎౓͕଎͍ ɾϖʔδભҠ଎౓͕௒଎͍ ɾΧελϜCSS / JSରԠ ɾGoogleΞφϦςΟΫε΋ಋೖՄೳ ɾϑΥϯτมߋՄೳ ɾϝλλάͷઃఆՄೳ ɾfaviconઃఆՄೳ ࢀߟɿhttps://udapon.tokyo/blog/super-notion-blog#1134a17d34214de7b696654dbf9b23a0
20. 20 N o t i o n ͱ S u p e r ͷ ྑ ͍ ఺ ɾ ѱ ͍ ఺ Notionͷྑ͍఺ ɾ୭Ͱ΋؆୯ʹɺϊʔίʔυͰαΠτ࡞੒Ͱ͖Δɻ Superͷྑ͍఺ ɾಠࣗυϝΠϯͰNotionͷϖʔδΛαΠτͱͯ͠ެ։Ͱ͖Δ ɾURL΋ࣗ༝ʹઃఆͰ͖ɺSEOରࡦ΋˕ ɾCSSΛΧελϜ͢Ε͹ɺ͋Δఔ౓ͷσβΠϯ΋൓өͰ͖Δ ɾGoogle Analyticsͷܭଌ΋Մೳ NotionɺSuperͷѱ͍఺ ϕʔεͱͳΔσβΠϯ͕NotionͳͷͰɺͰ͖ΔσβΠϯ͕ݶΒΕ͍ͯΔɻίʔυ͕Θ͔Δਓ͸΋Ͳ͔͘͠ײ͡ Δ͔΋͠Ε·ͤΜɻ
21. 21 N o t i o n ͱ S u p e r Ͱ ΍ Δ ͜ ͱ NotionͰ΍Δ͜ͱ 1. αΠτͷίϯςϯπΛ࡞੒͢Δ SuperͰ΍Δ͜ͱ 2. Notionϖʔδͱ࿈ܞ 3. υϝΠϯͷઃఆ 4. αΠτઃఆ
22. 22 α Π τ ͷ ߏ ੒ Ҋ ࡞ ੒
23. 23 N o t i o n Ͱ ί ϯ ς ϯ π ࡞ ੒ ϔομʔΛฤू͠· ͢ɻ
24. 24 N o t i o n Ͱ ί ϯ ς ϯ π ࡞ ੒ ίϯςϯπΛ࡞੒͠· ͢ɻυϥοΫ&υϩοϓ ͰೖΕସ͑΋ՄೳͰ͢ɻ
25. 25 N o t i o n Ͱ ί ϯ ς ϯ π ࡞ ੒ GoogleϑΥʔϜͷຒΊ ࠐΈΛߦ͍·͢ɻ
26. 26 Ξ ϯ έ ʔ τ ಺ ༰
27. 27 N o t i o n ͱ S u p e r Λ ࿈ ܞ SuperଆͰnotionͷURL Λࢦఆ͠·͢ɻ
28. 28 S u p e r Ͱ υ ϝ Π ϯ ͷ ઃ ఆ υϝΠϯͷઃఆΛߦ͍· ͢ɻ
29. 29 G A ͷ ઃ ఆ GAλάͷઃఆΛߦ͍· ͢ɻ
30. 30 ν ϟ ω ϧ τ ʔ Ϋ ͷ ઃ ఆ ( ඞ ཁ ͋ Ε ͹ ) νϟωϧτʔΫͷઃఆ΋ Ͱ͖·͢ɻ
31. 31 ώ ʔ τ Ϛ ο ϓ ͷ ઃ ఆ ͸ ্ ख ͘ ͍ ͔ ͣ … ɻ Ptengine(ώʔτϚοϓ)ͷઃఆ͸ ࢼΈ·͕ͨ͠ɺ্ख͘දࣔ͞Ε· ͤΜͰͨ͠ɻ ※PM ClubͰ΋গ͠૬ஊ͠·ͨ͠ ͕ɺsuperͰ͸೉͍͠ͱճ౴Λ௖͖ ·ͨ͠ɻ
32. 32 S N S Ͱ ͷ ֦ ࢄ ͱ গ ֹ Ͱ ޿ ࠂ Λ ճ ͠ ͯ Έ Δ ༧ࢉ͸1ສԁ΄ͲͰ޿ࠂΛճͯ͠Έ Δɻ
33. 3 . ݕ ূ ݁ Ռ
34. ΞϯέʔτͰͷχʔζௐࠪ (ఆྔௐࠪ) ೔ຊਓ͸ϚΠφεʹͳΓ΍͍͢ͷ Ͱɺ̔Ҏ্Λਪનऀͱ͢Δɻ NotionͰ؆қతʹ࡞੒ͨ͠αΠτΛ༻͍ͯɺ NPSௐࠪΛߦͬͨɻ ͜ΕʹΑΓɺ՝୊ʹରͯ͠ιϦϡʔγϣϯ͕ ద੾͔Λݕূͨ͠ɻ
35. NPSͷ݁Ռ NPSͷ݁ՌɿείΞ30 ▪ܭࢉࣜ Ξϯέʔτճ౴ऀ਺ɿ70ਓ Ξϯέʔτ༗ޮղ౴਺ɿ30ਓ(ॏෳ΍૝ఆ͠ ͯͳ͍λʔήοτ͔ΒͷԠื͸আ֎) • ߠఆऀ20ਓ(ධՁɿ8~10) • ߠఆऀͷܭࢉࣜ ◦ 18÷30×100ˋ=60ˋ • ൷൑ऀ(ධՁɿ0~6) ◦ 9÷30×100ˋ=30% • 60 - 30 = NPSͷείΞɿ30 https://www.nttcoms.com/service/nps/column/20200825/ 60% 10% 30% ൷൑ऀ தཱऀ ਪનऀ
36. 36 ݕ ূ ͠ ͯ Έ ͨ ײ ૝ ɾΞϯέʔτͷ࣭໰߲໨͕গͳ͍׌ͭɺճ౴ऀͷத͔ΒઌணͰAmazonΪϑτ݊Λ഑Δํࣜ ʹͨ͠ͷͰɺΪϑτ݊໨౰ͯͰؔ܎ͳ͍ਓ΋ճ౴͍͔ͯͨ͠΋͠Εͳ͍ɻ ɾχʔζݕূ͢Δʹ͋ͨͬͯΞϯέʔτͰ͸ͳ͘ɺࣄલొ࿥਺ΛKPIʹͨ͠ํ͕Ϣʔβͷ՝୊ ײ͕਺஋ͱͯ͠ଌΕ͔ͨ΋͠Εͳ͍ɻ ɾޙʑɺௐ΂ͯΈΔͱNPSͷࢦඪ͸طʹαʔϏεϦϦʔεࡁΈͷϓϩμΫτʹରͯ͠࢖͏΂ ͖Ͱ͋ΓɺϢʔβʔ͕ϓϩμΫτΛར༻ͨ݁͠Ռͷຬ଍౓౳ΛਤΔܗͰ࠾༻ͨ͠΄͏͕ྑ͍ ࢦඪͩͬͨɻ ɾB޲͚ͷϓϩμΫτͰ͸ɺར༻ऀͱܾࡁऀ͕ҧͬͨΓɺϢʔβن໛͕ൺֱతগͳ͍ͷͰɺ ΠϯλϏϡʔͰͷௐࠪΛ૿΍ͨ͠ํ͕ޮՌత͔ͩͬͨ΋͠Εͳ͍ɻ
37. 37 · ͱ Ί 1. ΤϯδχΞɾσβΠφʔͷ޻਺Λ͋·Γ࢖ΘͣʹϛχϚϜͰݕূ͍ͨ͠ͳΒɺNotionͰ ͷαΠτ࡞੒͕͓͢͢Ίʂ 2. PSFͰ͖͍ͯΔ͔ΛଌΔͨΊʹ͸NPSΑΓ΋ࣄલొ࿥਺ͳͲͷํ͕՝୊ײ͕ଌΕ͔ͨ΋ ͠Εͳ͍ɻ ؆қαΠτͰݕূ͢Δ΂͖͸ސ٬ͷड༰ੑͷͱ͜ΖͰɺαΠτܦ༝ͰਃࠐΈ΍ແྉτϥΠ ΞϧͳͲͷΞΫγϣϯ͕͋Δ͔Ͳ͏͔ɺͦͷ݅਺΍CVRͷܭଌΛͨ͠ํ͕՝୊ײΛଌΔ্ ͰޮՌతͩͬͨͱײͨ͡ɻ 3. ΞϯέʔτͰݕূ͢Δ৔߹ɺΞϯέʔτͷ࣭໰ྔ΍ΠϯηϯςΟϒઃܭʹ஫ҙɻ৆඼໨ ౰ͯͰͷճ౴Λ๷͙޻෉͕ඞཁɻ
38. 38 ࢀ ߟ ॻ ੶