Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Takayuki
September 26, 2022

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

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

Takayuki

September 26, 2022
Tweet

More Decks by Takayuki

Other Decks in Business

Transcript

  1. N o t i o n Ͱ ؆ қ α

    Π τ Λ ࡞ ੒ ͠ ͯ ɺ χ ʔζ ௐ ࠪ Λ ߦ ͬ ͨ ࿩ ླ ໦ ޹ ೭
  2. ୅ ද औ క ໾ ླ ໦ ޹ ೭ 3

    P R O F I L E ʮ ԭ ೄ ͷ ՝ ୊ Λ ղ ܾ ͠ ɺ ࿑ ಇ ؀ ڥ Λ ʮ ࠶ ߏ ங ʹ Ϧ Ϗ ϧ υ ʯ ͢ Δ ʯ גࣜձࣾϑϧεϐʔυʹwebΤϯδχΞͱͯ͠ೖࣾɻϑϧεϐʔυͰ͸ɺେن໛ͳ޿ࠂ഑৴αʔ Ϗεͷ؅ཧը໘։ൃΛ୲౰͠ɺαʔόαΠυ͔ΒϑϩϯτΤϯυ·Ͱ෯޿͍։ൃʹैࣄɻϑ ϦʔϥϯεΤϯδχΞͱͯ͠1೥΄Ͳ׆ಈޙɺ2017೥11݄ʹԭೄͰىۀ͠ɺגࣜձࣾRe:Build Λઃཱɻ౦ژͱԭೄͷاۀ༷͔Βͷडୗ։ൃҊ݅Λ੥͚ɺෳ਺ϓϩδΣΫτͷϓϩδΣΫτϚ ωʔδϟʔΛܦݧɻࣗࣾαʔϏεʮTadoruʯͰ͸ϓϩμΫτϚωʔδϟʔͱ্ཱ͔ͯͪ͛͠ Βɺγʔυͷࢿۚௐୡ·ͰΛܦݧɻ
  3. ୅ ද ླ ໦ ͷ Π ϕ ϯ τ ొ

    ஃ ࣮ ੷ ʮ ʯ 4 PHPerKaigi 2020 ϑϩϯτΤϯυ ΧϯϑΝϨϯεؔ੢ Laravel Meetup ୆࿷
  4. ձ໊ࣾ גࣜձࣾRe:Build ୅දऀ ླ໦޹೭ ઃཱ ฏ੒29೥11݄28೔ ࣄۀ಺༰ ࣗࣾαʔϏε։ൃɾӡӦɺWebγεςϜ։ൃɺΤϯδ χΞڭҭɺσβΠϯ੍࡞ ࢿຊۚ

    2,600ສԁ ॴࡏ஍ ˟900-0015 ԭೄݝಹ೼ࢢٱໜ஍2-2-2 λΠϜεϏϧ ి࿩൪߸ 050-5408-4501 ैۀһ਺ ໊̍̎ ձ ࣾ ֓ ཁ 5
  5. 3F#VJMEʹ͍ͭͯ ࣄۀ಺༰ Re:Build Boot Camp͸ɺԭೄ΍ٶ࡚ͳͲͷ஍ํΛڌ ఺ͱ࣮ͨ͠຿ϨϕϧΛ໨ࢦ͢ϓϩάϥϛϯάεΫʔ ϧͰ͢ɻ3ϲ݄ؒͰɺʮ࣮຿ϨϕϧʯʹඞཁͳʮώΞ ϦϯάεΩϧʯʮ࠷௿ݶͷٕज़ྗʯʮࣗݾεέδϡ ʔϧ؅ཧʯͷ3ͭͷεΩϧΛ਎ʹ෇͚ΒΕΔΧϦΩϡ ϥϜΛ༻ҙ͍ͯ͠·͢ɻ

    ஍ํಛԽܕͷελʔτΞοϓελδΦͰ͢ɻ ʮ৽͠ ͍ϏδωεͷΞΠσΞ͕͋ͬͯ΋ɺΤϯδχΞ΍σ βΠφʔ͕͓ΒͣɺܗʹͰ͖ͳ͍ʯͳͲͷ஍ํاۀ ༷Λखॿ͚͠·͢ɻ·ͨɺҊ݅ͷ૬ஊ૭ޱͱͳΔ͜ ͱͰɺ஍ํʹ࢓ࣄΛੜΈग़͖͔͚ͬ͢Λ࡞Γ͍ͨͱ ࢥ͍ͬͯ·͢ɻ ΤϯδχΞͷҝͷΤϯδχΞʹΑΔ࢓ࣄ঺հαʔϏ εTadoru͸ΤϯδχΞಉ࢜Ͱ࢓ࣄΛγΣΞ͢Δɺ ΤϯδχΞൃͷηϛΫϩʔζͳίϛϡχςΟͰ͢ɻ ελʔτΞοϓελδΦࣄۀ 8FCΤϯδχΞڭҭࣄۀ ࣗࣾαʔϏε5BEPSVͷ ӡӦɾ։ൃ
  6. 1 . N o t i o n Λ ࢖

    ͏ ࣄ ʹ ͳ ͬ ͨ ܦ Ң
  7. 9 ϓ ϩ μ Ϋ τ ͷ ε έ δ

    ϡ ʔ ϧ ײ Ϗδωε ։ൃɾ σβΠϯ ՝୊୳ࡧΠϯλϏϡʔ 4݄ 9݄ NotionαΠτ ͷެ։ α൛ͷཁ݅ఆٛ α൛ͷσβΠϯɾ ։ൃ։࢝ β൛ͷཁ݅ఆٛ ࣮ূ࣮ݧ ελʔτ Ϣʔβʔ ςετ ࣮૷಺༰ͷϨϏϡʔΛ ि࣍ͷMTGͰ֬ೝ 1݄ NotionͰ؆қ αΠτ࡞੒ 3݄ ϏδωεϞσϧ ͷนଧͪ ਖ਼ࣜαΠτͷϫΠϠʔ ࡞੒ 1݄ Ξϯέʔτू ܭ ਖ਼ࣜαΠτެ։ ਖ਼ࣜαΠτ ϦϦʔε ޿ࠂӡ༻ɾӦۀ β൛ͷσβΠϯɾ։ൃ։࢝ ΠϯλϏϡʔ݁ՌΛ Flyleʹ·ͱΊΔɻ ࠓ͜͜ʂ ਖ਼ࣜαΠτͷσβ Πϯɾ࡞੒
  8. 10 ϓ ϩ μ Ϋ τ ͷ ε έ δ

    ϡ ʔ ϧ ײ Ϗδωε ։ൃɾ σβΠϯ ՝୊୳ࡧΠϯλϏϡʔ 4݄ 9݄ NotionαΠτ ͷެ։ α൛ͷཁ݅ఆٛ α൛ͷσβΠϯɾ ։ൃ։࢝ β൛ͷཁ݅ఆٛ ࣮ূ࣮ݧ ελʔτ Ϣʔβʔ ςετ ࣮૷಺༰ͷϨϏϡʔΛ ि࣍ͷMTGͰ֬ೝ 1݄ NotionͰ؆қ αΠτ࡞੒ 3݄ ϏδωεϞσϧ ͷนଧͪ ਖ਼ࣜαΠτͷϫΠϠʔ ࡞੒ 1݄ Ξϯέʔτू ܭ ਖ਼ࣜαΠτެ։ ਖ਼ࣜαΠτ ϦϦʔε ޿ࠂӡ༻ɾӦۀ β൛ͷσβΠϯɾ։ൃ։࢝ ΠϯλϏϡʔ݁ՌΛ Flyleʹ·ͱΊΔɻ ࠓ͜͜ʂ ਖ਼ࣜαΠτͷσβ Πϯɾ࡞੒ ͜ͷظؒͷ࿩Λ͠· ͢ʂ
  9. ֤εςʔδͷج४(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ͷ֦ு ɾٕज़తෛ࠴ͷղফ ※͜ͷظؒ಺Ͱௐୡ͢Δɻ ※͜ͷج४ΛຬͨͤͨΒɺ࣍ϑΣʔζʹߦ͘ɻ
  10. εςʔδʹ߹ͬͨKPIΛબͿ KPIͷධՁج४ ΛܾΊΔ αʔϏεΛӡӦ ͢Δ ϢʔβϏϦςΟ ςετ ϢʔβϑΟʔυ όοΫ A/Bςετ

    BIπʔϧͰܭଌ ͢Δ GoogleΞφϦςΟ ΫεͰܭଌ͢Δ ςετ݁ՌʹԠ͡ ͯɺ௥Ճػೳ࣮૷͢ Δ LPɾ޿ࠂͷվળΛ ͢Δ ޿ࠂӡ༻͢Δ ϐϘοτ·ͨ͸ఘΊΔ ࣍ͷεςʔδʹߦ͘ KPIͷධՁج४Λ௒ ͔͑ͨʁ ςετ݁ՌΛ෼ ੳ͢Δ ΞΫςΟϒɾඇΞΫςΟϒ ϢʔβΛݟ͚ͭΔ ӡӦ ܭଌ ςετ վળ ελʔτ ͍͍͑ ͸͍ KPIΛݕ౼͠௚͢ ώʔτϚοϓͰLPͷ ཭୤཰Λܭଌ͢Δ ֤εςʔδຖʹ͜ͷྲྀΕΛ ܁Γฦ͢ ֤εςʔδͷϥΠϑαΠΫϧ ςετͷڠྗґཔ͢Δ
  11. 16 ࡞ ͬ ͨ ϓ ϩ μ Ϋ τ ͷ

    ֓ ཁ https://headless-message.com/ ϝοηʔδػೳͷ։ൃ ίετΛ࡟ݮ͢Δϩʔ ίʔυπʔϧ ɾاۀֹ͕݄՝ۚ͢ΔϞ σϧ
  12. 2 . N o t i o n Ͱ ؆

    қ α Π τ Λ ࡞ ੒ ͢ Δ ํ ๏
  13. 18 ؆ қ α Π τ ͷ ࡞ ੒ ε

    ς ο ϓ 1.αΠτͷߏ੒ Ҋ࡞੒ ɾGoogleεϓϨουγʔτͰ ͬ͘͟Γߏ੒Λ࡞੒͢Δɻ 2.NotionͰίϯςϯ π࡞੒ ɾσβΠφʔͷํͰϔομʔ΍ ίϯςϯπͷը૾Λ࡞੒ɻ ɾNotionʹ࣮ࡍʹจষΛ౰ͯࠐ ΜͰ͍͘ɻ 3.SuperͰαΠτ ެ։ Superͱ͍͏αʔϏεΛ࢖༻͠ ͯɺNotionΛϗεςΟϯά͢ Δɻ 4.ޮՌଌఆπʔϧͷઃஔ ɾGAͷઃஔ ɾΞϯέʔτͷઃஔ
  14. 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
  15. 20 N o t i o n ͱ S u

    p e r ͷ ྑ ͍ ఺ ɾ ѱ ͍ ఺ Notionͷྑ͍఺ ɾ୭Ͱ΋؆୯ʹɺϊʔίʔυͰαΠτ࡞੒Ͱ͖Δɻ Superͷྑ͍఺ ɾಠࣗυϝΠϯͰNotionͷϖʔδΛαΠτͱͯ͠ެ։Ͱ͖Δ ɾURL΋ࣗ༝ʹઃఆͰ͖ɺSEOରࡦ΋˕ ɾCSSΛΧελϜ͢Ε͹ɺ͋Δఔ౓ͷσβΠϯ΋൓өͰ͖Δ ɾGoogle Analyticsͷܭଌ΋Մೳ NotionɺSuperͷѱ͍఺ ϕʔεͱͳΔσβΠϯ͕NotionͳͷͰɺͰ͖ΔσβΠϯ͕ݶΒΕ͍ͯΔɻίʔυ͕Θ͔Δਓ͸΋Ͳ͔͘͠ײ͡ Δ͔΋͠Ε·ͤΜɻ
  16. 21 N o t i o n ͱ S u

    p e r Ͱ ΍ Δ ͜ ͱ NotionͰ΍Δ͜ͱ 1. αΠτͷίϯςϯπΛ࡞੒͢Δ SuperͰ΍Δ͜ͱ 2. Notionϖʔδͱ࿈ܞ 3. υϝΠϯͷઃఆ 4. αΠτઃఆ
  17. 23 N o t i o n Ͱ ί ϯ

    ς ϯ π ࡞ ੒ ϔομʔΛฤू͠· ͢ɻ
  18. 24 N o t i o n Ͱ ί ϯ

    ς ϯ π ࡞ ੒ ίϯςϯπΛ࡞੒͠· ͢ɻυϥοΫ&υϩοϓ ͰೖΕସ͑΋ՄೳͰ͢ɻ
  19. 25 N o t i o n Ͱ ί ϯ

    ς ϯ π ࡞ ੒ GoogleϑΥʔϜͷຒΊ ࠐΈΛߦ͍·͢ɻ
  20. 27 N o t i o n ͱ S u

    p e r Λ ࿈ ܞ SuperଆͰnotionͷURL Λࢦఆ͠·͢ɻ
  21. 28 S u p e r Ͱ υ ϝ Π

    ϯ ͷ ઃ ఆ υϝΠϯͷઃఆΛߦ͍· ͢ɻ
  22. 30 ν ϟ ω ϧ τ ʔ Ϋ ͷ ઃ

    ఆ ( ඞ ཁ ͋ Ε ͹ ) νϟωϧτʔΫͷઃఆ΋ Ͱ͖·͢ɻ
  23. 31 ώ ʔ τ Ϛ ο ϓ ͷ ઃ ఆ

    ͸ ্ ख ͘ ͍ ͔ ͣ … ɻ Ptengine(ώʔτϚοϓ)ͷઃఆ͸ ࢼΈ·͕ͨ͠ɺ্ख͘දࣔ͞Ε· ͤΜͰͨ͠ɻ ※PM ClubͰ΋গ͠૬ஊ͠·ͨ͠ ͕ɺsuperͰ͸೉͍͠ͱճ౴Λ௖͖ ·ͨ͠ɻ
  24. 32 S N S Ͱ ͷ ֦ ࢄ ͱ গ

    ֹ Ͱ ޿ ࠂ Λ ճ ͠ ͯ Έ Δ ༧ࢉ͸1ສԁ΄ͲͰ޿ࠂΛճͯ͠Έ Δɻ
  25. 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% ൷൑ऀ தཱऀ ਪનऀ
  26. 36 ݕ ূ ͠ ͯ Έ ͨ ײ ૝ ɾΞϯέʔτͷ࣭໰߲໨͕গͳ͍׌ͭɺճ౴ऀͷத͔ΒઌணͰAmazonΪϑτ݊Λ഑Δํࣜ

    ʹͨ͠ͷͰɺΪϑτ݊໨౰ͯͰؔ܎ͳ͍ਓ΋ճ౴͍͔ͯͨ͠΋͠Εͳ͍ɻ ɾχʔζݕূ͢Δʹ͋ͨͬͯΞϯέʔτͰ͸ͳ͘ɺࣄલొ࿥਺ΛKPIʹͨ͠ํ͕Ϣʔβͷ՝୊ ײ͕਺஋ͱͯ͠ଌΕ͔ͨ΋͠Εͳ͍ɻ ɾޙʑɺௐ΂ͯΈΔͱNPSͷࢦඪ͸طʹαʔϏεϦϦʔεࡁΈͷϓϩμΫτʹରͯ͠࢖͏΂ ͖Ͱ͋ΓɺϢʔβʔ͕ϓϩμΫτΛར༻ͨ݁͠Ռͷຬ଍౓౳ΛਤΔܗͰ࠾༻ͨ͠΄͏͕ྑ͍ ࢦඪͩͬͨɻ ɾB޲͚ͷϓϩμΫτͰ͸ɺར༻ऀͱܾࡁऀ͕ҧͬͨΓɺϢʔβن໛͕ൺֱతগͳ͍ͷͰɺ ΠϯλϏϡʔͰͷௐࠪΛ૿΍ͨ͠ํ͕ޮՌత͔ͩͬͨ΋͠Εͳ͍ɻ
  27. 37 · ͱ Ί 1. ΤϯδχΞɾσβΠφʔͷ޻਺Λ͋·Γ࢖ΘͣʹϛχϚϜͰݕূ͍ͨ͠ͳΒɺNotionͰ ͷαΠτ࡞੒͕͓͢͢Ίʂ 2. PSFͰ͖͍ͯΔ͔ΛଌΔͨΊʹ͸NPSΑΓ΋ࣄલొ࿥਺ͳͲͷํ͕՝୊ײ͕ଌΕ͔ͨ΋ ͠Εͳ͍ɻ

    ؆қαΠτͰݕূ͢Δ΂͖͸ސ٬ͷड༰ੑͷͱ͜ΖͰɺαΠτܦ༝ͰਃࠐΈ΍ແྉτϥΠ ΞϧͳͲͷΞΫγϣϯ͕͋Δ͔Ͳ͏͔ɺͦͷ݅਺΍CVRͷܭଌΛͨ͠ํ͕՝୊ײΛଌΔ্ ͰޮՌతͩͬͨͱײͨ͡ɻ 3. ΞϯέʔτͰݕূ͢Δ৔߹ɺΞϯέʔτͷ࣭໰ྔ΍ΠϯηϯςΟϒઃܭʹ஫ҙɻ৆඼໨ ౰ͯͰͷճ౴Λ๷͙޻෉͕ඞཁɻ