Notionで簡易サイトを作成して、ニーズ調査を行った話
N o t i o n Ͱ ؆ қ α Π τ Λ࡞ ͠ ͯ ɺ χ ʔζ ௐ ࠪ Λߦ ͬ ͨ ླ ೭
View Slide
/PUJPOΛ͏ࣄʹͳͬͨܦҢ/PUJPOͰ؆қαΠτΛ࡞͢Δํ๏ݕূ݁ՌΞδΣϯμ
ද औ క ླ ೭3P R O F I L Eʮ ԭ ೄ ͷ ՝ Λ ղ ܾ ͠ ɺ ࿑ ಇ ڥ Λ ʮ ࠶ ߏ ங ʹ Ϧ Ϗ ϧ υ ʯ ͢ Δ ʯגࣜձࣾϑϧεϐʔυʹwebΤϯδχΞͱͯ͠ೖࣾɻϑϧεϐʔυͰɺେنͳࠂ৴αʔϏεͷཧը໘։ൃΛ୲͠ɺαʔόαΠυ͔ΒϑϩϯτΤϯυ·Ͱ෯͍։ൃʹैࣄɻϑϦʔϥϯεΤϯδχΞͱͯ͠1΄Ͳ׆ಈޙɺ201711݄ʹԭೄͰىۀ͠ɺגࣜձࣾRe:BuildΛઃཱɻ౦ژͱԭೄͷاۀ༷͔Βͷडୗ։ൃҊ݅Λ͚ɺෳϓϩδΣΫτͷϓϩδΣΫτϚωʔδϟʔΛܦݧɻࣗࣾαʔϏεʮTadoruʯͰϓϩμΫτϚωʔδϟʔͱ্ཱ͔ͯͪ͛͠Βɺγʔυͷࢿۚௐୡ·ͰΛܦݧɻ
ද ླ ͷΠ ϕ ϯ τొ ஃ ࣮ ʮʯ4PHPerKaigi 2020ϑϩϯτΤϯυ ΧϯϑΝϨϯεؔLaravel Meetup
ձ໊ࣾ גࣜձࣾRe:Buildදऀ ླ೭ઃཱ ฏ2911݄28ࣄۀ༰ࣗࣾαʔϏε։ൃɾӡӦɺWebγεςϜ։ൃɺΤϯδχΞڭҭɺσβΠϯ੍࡞ࢿຊۚ 2,600ສԁॴࡏ ˟900-0015 ԭೄݝಹࢢٱໜ2-2-2 λΠϜεϏϧి൪߸ 050-5408-4501ैۀһ ໊̍̎ձ ࣾ ֓ ཁ5
3F#VJMEʹ͍ͭͯ ࣄۀ༰Re:Build Boot Campɺԭೄٶ࡚ͳͲͷํΛڌͱ࣮ͨ͠ϨϕϧΛࢦ͢ϓϩάϥϛϯάεΫʔϧͰ͢ɻ3ϲ݄ؒͰɺʮ࣮ϨϕϧʯʹඞཁͳʮώΞϦϯάεΩϧʯʮ࠷ݶͷٕज़ྗʯʮࣗݾεέδϡʔϧཧʯͷ3ͭͷεΩϧΛʹ͚ΒΕΔΧϦΩϡϥϜΛ༻ҙ͍ͯ͠·͢ɻํಛԽܕͷελʔτΞοϓελδΦͰ͢ɻ ʮ৽͍͠ϏδωεͷΞΠσΞ͕͋ͬͯɺΤϯδχΞσβΠφʔ͕͓ΒͣɺܗʹͰ͖ͳ͍ʯͳͲͷํاۀ༷Λखॿ͚͠·͢ɻ·ͨɺҊ݅ͷ૬ஊ૭ޱͱͳΔ͜ͱͰɺํʹࣄΛੜΈग़͖͔͚ͬ͢Λ࡞Γ͍ͨͱࢥ͍ͬͯ·͢ɻΤϯδχΞͷҝͷΤϯδχΞʹΑΔࣄհαʔϏεTadoruΤϯδχΞಉ࢜ͰࣄΛγΣΞ͢ΔɺΤϯδχΞൃͷηϛΫϩʔζͳίϛϡχςΟͰ͢ɻελʔτΞοϓελδΦࣄۀ 8FCΤϯδχΞڭҭࣄۀ ࣗࣾαʔϏε5BEPSVͷӡӦɾ։ൃ
1 . N o t i o n Λ ͏ ࣄ ʹͳ ͬ ͨ ܦ Ң
8ձ ࣾ ͷ ঢ় گ͜Ε͔Β৽نࣄۀΛ্ཱ͍ͪ͛ͨۙɺΤϯδχΞɺσβΠφʔͷϦιʔεຒ·͍ͬͯΔɻ͋Δఔɺχʔζ͕͋Δ͔͔͔ͬͯΒɺ։ൃΛਐΊ͍͖͍ͯͨɻ
9ϓ ϩ μ Ϋ τ ͷ ε έ δ ϡ ʔ ϧ ײϏδωε։ൃɾσβΠϯ՝୳ࡧΠϯλϏϡʔ4݄ 9݄NotionαΠτͷެ։α൛ͷཁ݅ఆٛα൛ͷσβΠϯɾ։ൃ։࢝β൛ͷཁ݅ఆ࣮ٛূ࣮ݧελʔτϢʔβʔςετ࣮༰ͷϨϏϡʔΛि࣍ͷMTGͰ֬ೝ1݄NotionͰ؆қαΠτ࡞3݄ϏδωεϞσϧͷนଧͪਖ਼ࣜαΠτͷϫΠϠʔ࡞1݄Ξϯέʔτूܭ ਖ਼ࣜαΠτެ։ਖ਼ࣜαΠτϦϦʔεࠂӡ༻ɾӦۀβ൛ͷσβΠϯɾ։ൃ։࢝ΠϯλϏϡʔ݁ՌΛFlyleʹ·ͱΊΔɻࠓ͜͜ʂਖ਼ࣜαΠτͷσβΠϯɾ࡞
10ϓ ϩ μ Ϋ τ ͷ ε έ δ ϡ ʔ ϧ ײϏδωε։ൃɾσβΠϯ՝୳ࡧΠϯλϏϡʔ4݄ 9݄NotionαΠτͷެ։α൛ͷཁ݅ఆٛα൛ͷσβΠϯɾ։ൃ։࢝β൛ͷཁ݅ఆ࣮ٛূ࣮ݧελʔτϢʔβʔςετ࣮༰ͷϨϏϡʔΛि࣍ͷMTGͰ֬ೝ1݄NotionͰ؆қαΠτ࡞3݄ϏδωεϞσϧͷนଧͪਖ਼ࣜαΠτͷϫΠϠʔ࡞1݄Ξϯέʔτूܭ ਖ਼ࣜαΠτެ։ਖ਼ࣜαΠτϦϦʔεࠂӡ༻ɾӦۀβ൛ͷσβΠϯɾ։ൃ։࢝ΠϯλϏϡʔ݁ՌΛFlyleʹ·ͱΊΔɻࠓ͜͜ʂਖ਼ࣜαΠτͷσβΠϯɾ࡞͜ͷظؒͷΛ͠·͢ʂ
՝୳ࡧΠϯλϏϡʔ(ఆੑௐࠪ)՝୳ࡧΠϯλϏϡʔΛΤϯδχΞ10ਓ΄Ͳʹ࣮ࢪ͠ɺԼهͷ࣭Λͨ͠ɻ1.νϟοτ։ൃ(ϝοηʔδػೳ)ͰΜͰ͍Δ͜ͱͳΜͰ͔͢ʁϓϩδΣΫτཧ͢Δ্Ͱͷ՝͓٬͞Μͱͷཁ݅ఆٛͰେมͩͬͨ 2.νϟοτ։ൃΛ͢Δࡍʹ૬ஊͰ͖Δਓ͕͍·͔͢ʁ͘͠ɺ։ൃલʹͲ͏͍ͬͨௐํΛ͠·͔͢ʁݕࡧϫʔυΛڭ͍͑ͯͩ͘͞ɻ 3.νϟοτ։ൃΛ͢ΔࡍʹΉΩοΧέͳΜͰ͔͢ʁ4.ղܾࡦͱͯ͠༻͍ͯ͠ΔαʔϏε͍·͔͢ʁ5.νϟοτ։ൃ͢Δ͏͑Ͱཧతͳ͜ͱʢָ͍͠ɺخ͍͠ʣ͋Γ·͔͢ʁ͓͖͍͑ͯͨ͜ͱʁ
நग़ͨ͠՝ͷπϦʔ
FlyleͰιϦϡʔγϣϯͷચ͍ग़͠
֤εςʔδͷج४(OMTM)ڞײఆணऩӹ֦ࢄ֦େ14' 1.'࣍ϑΣʔζͷج४ ϓϩμΫτͷঢ়ଶ ࢿۚௐୡɾ؆қαΠτͷΞϯέʔτ݁Ռ͕NPSਪનऀͷج४Λຬ͍ͨͯ͠Δɻɾແྉاۀ˓ࣾɾ؆қαΠτɾ༗ྉاۀ˓ࣾɾΫϩʔζυα൛ϦϦʔεɾβ൛ϦϦʔε(༗ྉԽ)ɾਖ਼ࣜ൛ϦϦʔεɾσοτͰ○ઍສԁௐୡɾͳ͠2022/01ʙ2022/03ظؒ2022/04ʙ2022/102023/04ʙ2023/12ɾΤΫΠςΟͰ○ԯԁௐୡɾͳ͠ɾMRR○ສԁఆ͍ͯͨ͠SOMʹରͯ͠ҰఆγΣΞΛऔΕ͍ͯΔ͔ɻ2022/11ʙ2023/032024/01/01ʙɾΤΫΠςΟͰ○ԯԁௐୡɾMRR○ສԁ্·Ͱͷಓے͕ݟ͓͑ͯΓɺޙࢿۚΛೖ͢Ε্Ͱ͖Δঢ়ଶɻɾSDKͷ֦ுɾٕज़తෛ࠴ͷղফ※͜ͷظؒͰௐୡ͢Δɻ※͜ͷج४ΛຬͨͤͨΒɺ࣍ϑΣʔζʹߦ͘ɻ
εςʔδʹ߹ͬͨKPIΛબͿ KPIͷධՁج४ΛܾΊΔαʔϏεΛӡӦ͢ΔϢʔβϏϦςΟςετϢʔβϑΟʔυόοΫA/BςετBIπʔϧͰܭଌ͢ΔGoogleΞφϦςΟΫεͰܭଌ͢Δςετ݁ՌʹԠͯ͡ɺՃػೳ࣮͢ΔLPɾࠂͷվળΛ͢Δࠂӡ༻͢ΔϐϘοτ·ͨఘΊΔ࣍ͷεςʔδʹߦ͘KPIͷධՁج४Λ͔͑ͨʁςετ݁ՌΛੳ͢ΔΞΫςΟϒɾඇΞΫςΟϒϢʔβΛݟ͚ͭΔӡӦܭଌςετվળελʔτ͍͍͍͑KPIΛݕ౼͢͠ώʔτϚοϓͰLPͷΛܭଌ͢Δ֤εςʔδຖʹ͜ͷྲྀΕΛ܁Γฦ֤͢εςʔδͷϥΠϑαΠΫϧςετͷڠྗґཔ͢Δ
16࡞ ͬ ͨ ϓ ϩ μ Ϋ τ ͷ ֓ ཁhttps://headless-message.com/ϝοηʔδػೳͷ։ൃίετΛݮ͢Δϩʔίʔυπʔϧɾاۀֹ͕݄՝ۚ͢ΔϞσϧ
2 . N o t i o n Ͱ ؆ қ α Π τ Λ࡞ ͢ Δ ํ ๏
18؆ қ α Π τ ͷ ࡞ ε ς ο ϓ1.αΠτͷߏҊ࡞ɾGoogleεϓϨουγʔτͰͬ͘͟ΓߏΛ࡞͢Δɻ2.NotionͰίϯςϯπ࡞ɾσβΠφʔͷํͰϔομʔίϯςϯπͷը૾Λ࡞ɻɾNotionʹ࣮ࡍʹจষΛͯࠐΜͰ͍͘ɻ3.SuperͰαΠτެ։Superͱ͍͏αʔϏεΛ༻ͯ͠ɺNotionΛϗεςΟϯά͢Δɻ4.ޮՌଌఆπʔϧͷઃஔɾGAͷઃஔɾΞϯέʔτͷઃஔ
19S 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
20N o t i o n ͱ S u p e r ͷ ྑ ͍ ɾ ѱ ͍ Notionͷྑ͍ɾ୭Ͱ؆୯ʹɺϊʔίʔυͰαΠτ࡞Ͱ͖ΔɻSuperͷྑ͍ɾಠࣗυϝΠϯͰNotionͷϖʔδΛαΠτͱͯ͠ެ։Ͱ͖ΔɾURLࣗ༝ʹઃఆͰ͖ɺSEOରࡦ˕ɾCSSΛΧελϜ͢Εɺ͋ΔఔͷσβΠϯөͰ͖ΔɾGoogle AnalyticsͷܭଌՄೳNotionɺSuperͷѱ͍ϕʔεͱͳΔσβΠϯ͕NotionͳͷͰɺͰ͖ΔσβΠϯ͕ݶΒΕ͍ͯΔɻίʔυ͕Θ͔ΔਓͲ͔͘͠ײ͡Δ͔͠Ε·ͤΜɻ
21N o t i o n ͱ S u p e r Ͱ Δ ͜ ͱNotionͰΔ͜ͱ1. αΠτͷίϯςϯπΛ࡞͢ΔSuperͰΔ͜ͱ2. Notionϖʔδͱ࿈ܞ3. υϝΠϯͷઃఆ4. αΠτઃఆ
22α Π τ ͷ ߏ Ҋ ࡞
23N o t i o n Ͱ ί ϯ ς ϯ π ࡞ ϔομʔΛฤू͠·͢ɻ
24N o t i o n Ͱ ί ϯ ς ϯ π ࡞ ίϯςϯπΛ࡞͠·͢ɻυϥοΫ&υϩοϓͰೖΕସ͑ՄೳͰ͢ɻ
25N o t i o n Ͱ ί ϯ ς ϯ π ࡞ GoogleϑΥʔϜͷຒΊࠐΈΛߦ͍·͢ɻ
26Ξ ϯ έ ʔ τ ༰
27N o t i o n ͱ S u p e r Λ ࿈ ܞSuperଆͰnotionͷURLΛࢦఆ͠·͢ɻ
28S u p e r Ͱ υ ϝ Π ϯ ͷ ઃ ఆυϝΠϯͷઃఆΛߦ͍·͢ɻ
29G A ͷ ઃ ఆGAλάͷઃఆΛߦ͍·͢ɻ
30ν ϟ ω ϧ τ ʔ Ϋ ͷ ઃ ఆ ( ඞ ཁ ͋ Ε )νϟωϧτʔΫͷઃఆͰ͖·͢ɻ
31ώ ʔ τ Ϛ ο ϓ ͷ ઃ ఆ ্ ख ͘ ͍ ͔ ͣ … ɻPtengine(ώʔτϚοϓ)ͷઃఆࢼΈ·͕ͨ͠ɺ্ख͘දࣔ͞Ε·ͤΜͰͨ͠ɻ※PM ClubͰগ͠૬ஊ͠·͕ͨ͠ɺsuperͰ͍͠ͱճΛ͖·ͨ͠ɻ
32S N S Ͱ ͷ ֦ ࢄ ͱ গ ֹ Ͱ ࠂ Λ ճ ͠ ͯ Έ Δ༧ࢉ1ສԁ΄ͲͰࠂΛճͯ͠ΈΔɻ
3 . ݕ ূ ݁ Ռ
ΞϯέʔτͰͷχʔζௐࠪ(ఆྔௐࠪ)ຊਓϚΠφεʹͳΓ͍͢ͷͰɺ̔Ҏ্Λਪનऀͱ͢ΔɻNotionͰ؆қతʹ࡞ͨ͠αΠτΛ༻͍ͯɺNPSௐࠪΛߦͬͨɻ͜ΕʹΑΓɺ՝ʹରͯ͠ιϦϡʔγϣϯ͕ద͔Λݕূͨ͠ɻ
NPSͷ݁ՌNPSͷ݁ՌɿείΞ30■ܭࢉࣜΞϯέʔτճऀɿ70ਓΞϯέʔτ༗ޮղɿ30ਓ(ॏෳఆͯ͠ͳ͍λʔήοτ͔ΒͷԠืআ֎)• ߠఆऀ20ਓ(ධՁɿ8~10)• ߠఆऀͷܭࢉࣜ◦ 18÷30×100ˋ=60ˋ• ൷ऀ(ධՁɿ0~6)◦ 9÷30×100ˋ=30%• 60 - 30 = NPSͷείΞɿ30https://www.nttcoms.com/service/nps/column/20200825/60%10%30%൷ऀ தཱऀ ਪનऀ
36ݕ ূ ͠ ͯ Έ ͨ ײ ɾΞϯέʔτͷ࣭߲͕গͳ͍ͭɺճऀͷத͔ΒઌணͰAmazonΪϑτ݊ΛΔํࣜʹͨ͠ͷͰɺΪϑτ݊ͯͰؔͳ͍ਓճ͍͔ͯͨ͠͠Εͳ͍ɻɾχʔζݕূ͢Δʹ͋ͨͬͯΞϯέʔτͰͳ͘ɺࣄલొΛKPIʹͨ͠ํ͕Ϣʔβͷ՝ײ͕ͱͯ͠ଌΕ͔ͨ͠Εͳ͍ɻɾޙʑɺௐͯΈΔͱNPSͷࢦඪطʹαʔϏεϦϦʔεࡁΈͷϓϩμΫτʹରͯ͠͏͖Ͱ͋ΓɺϢʔβʔ͕ϓϩμΫτΛར༻ͨ݁͠ՌͷຬΛਤΔܗͰ࠾༻ͨ͠΄͏͕ྑ͍ࢦඪͩͬͨɻɾB͚ͷϓϩμΫτͰɺར༻ऀͱܾࡁऀ͕ҧͬͨΓɺϢʔβن͕ൺֱతগͳ͍ͷͰɺΠϯλϏϡʔͰͷௐࠪΛ૿ͨ͠ํ͕ޮՌత͔ͩͬͨ͠Εͳ͍ɻ
37· ͱ Ί1. ΤϯδχΞɾσβΠφʔͷΛ͋·ΓΘͣʹϛχϚϜͰݕূ͍ͨ͠ͳΒɺNotionͰͷαΠτ࡞͕͓͢͢Ίʂ2. PSFͰ͖͍ͯΔ͔ΛଌΔͨΊʹNPSΑΓࣄલొͳͲͷํ͕՝ײ͕ଌΕ͔ͨ͠Εͳ͍ɻ؆қαΠτͰݕূ͢Δ͖ސ٬ͷड༰ੑͷͱ͜ΖͰɺαΠτܦ༝ͰਃࠐΈແྉτϥΠΞϧͳͲͷΞΫγϣϯ͕͋Δ͔Ͳ͏͔ɺͦͷ݅CVRͷܭଌΛͨ͠ํ͕՝ײΛଌΔ্ͰޮՌతͩͬͨͱײͨ͡ɻ3. ΞϯέʔτͰݕূ͢Δ߹ɺΞϯέʔτͷ࣭ྔΠϯηϯςΟϒઃܭʹҙɻͯͰͷճΛ͙͕ඞཁɻ
38ࢀ ߟ ॻ ੶
bumptakayuki
luup_hr
pirika_info
crage
familyalbum
delyinc
foodison_hr
satokifuruya
m3c
members_recruiting
postas
weddingpark
wunderbar
brettharned
bkeepers
kneath
kastner
pedronauck
hannesfritz
mraible
caitiem20
michaelherold
shlominoach
addyosmani
chriscoyier