Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
クライアント提案 はじめの一歩
Search
待島 亘
June 07, 2020
Design
380
1
Share
クライアント提案 はじめの一歩
ウェブディレクター協会 オンライン勉強会イベント
2020年6月7日(日)
https://www.facebook.com/events/260837558365158
待島 亘
June 07, 2020
More Decks by 待島 亘
See All by 待島 亘
ウェブディレクターを救うBacklog
wattlaa
0
710
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
1.3k
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
470
SNSで向き合おう!SNSマネージャー 認定試験初級を受けてみた話~待島編
wattlaa
1
440
やさしいBacklogの使い方
wattlaa
2
1.5k
時短&ストレス軽減!サイト制作・発注のコツ
wattlaa
0
230
企画に煮詰まった時のアイデア発想のヒント10
wattlaa
1
600
良いデザインのためのマインドセットの作り方
wattlaa
4
2.1k
クリエイティブに自信を持つ! 前向きサイトプランニング
wattlaa
1
350
Other Decks in Design
See All in Design
Treasure_Hunting
solmetts
0
360
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
340
CULTURE DECK/Frontend Engineer
mhand01
0
1.1k
社員の意識を高めたブランド浸透施策の裏側!
mixi_design
PRO
0
110
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.3k
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
370
つくり方を変えていく | change-how-we-build
mottox2
2
1k
AI時代に必要な アイデアの形
uxman
0
150
Storyboard Exercise: Chase Sequence
lynteo
1
280
Storyboard Assignment: Storyboard from Comic Strip
lynteo
3
250
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
160
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
shikichee
2
4k
Featured
See All Featured
Chasing Engaging Ingredients in Design
codingconduct
0
160
30 Presentation Tips
portentint
PRO
1
270
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.2k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
250
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.8k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
210
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.4k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
170
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Transcript
ΫϥΠΞϯτఏҊ ͡ΊͷҰา 2020.06.07 ΣϒσΟϨΫλʔڠձ ΦϯϥΠϯษڧձΠϕϯτ ౡ ʗגࣜձࣾGear8
Profile ւಓొผࢢੜ·ΕɺখḺɾവؗɾࡳຈҭͪɻגࣜձࣾXeneͰΣϒαΠ τͳͲଟݴޠഔମͷ੍࡞ʹܞΘΓɺͦͷޙΣϒ੍࡞ձࣾɻ2012ʹג ࣜձࣾGear8ʹδϣΠϯɻαΠτϓϥϯχϯάɺσΟϨΫγϣϯɺΞΫηε ղੳͷ΄͔ɺΫϥΠΞϯτ͚ʗΣϒΫϦΤΠλʔ͚ηϛφʔͷొ ஃߦ͏ɻෆఆظʹࢀՃͨ͠ηϛφʔͷϨϙʔτɺσΟϨΫγϣϯtipsΛ ॻ͍͍ͯΔɻ ͖ͳλεΫཧπʔϧBacklogͱTodoistɻ ͓ؾʹೖΓͷٳΈͷա͝͠ํՈఉࡊԂͱBBQɻ ౡ
ɹ·ͪ͠· ΘͨΔ גࣜձࣾGear8 ΣϒσΟϨΫλʔ
None
αΠτϓϥϯχϯάͰେͳ͜ͱԿͰ͠ΐ ͏͔ʁޚ༻ฉ͖ͷσΟϨΫλʔʹͳΒͳ͍ͨ Ίʹɺࣄલ४උɾώΞϦϯάɾॳظఏҊͷ3 ஈ֊ͰΔ͖͜ͱΛɺΫϥΠΞϯτϫʔΫ ʹϑΥʔΧε͓ͯ͠͠·͢ɻ།ҰղΛ͓ ͑͢Δͱ͍͏ΑΓɺࢲͳΓͷϞνϕʔγϣ ϯͷߴΊํΛަ͑ͯɺ1ͭͷΓํͱͯ͠Έ ͳ͞Μͱڞ༗Ͱ͖Εͱࢥ͍·͢ɻ
ΣϒαΠτ੍࡞Ͱ ΫϥΠΞϯτ͕σΟϨΫλʔʹٻΊΔͷ ԿͰ͠ΐ͏͔ʁ Q.
σΟϨΫλʔʹٻΊΒΕΔ͜ͱ • ༧ࢉɾεέδϡʔϧʹϑΟοτ • σβΠϯ͕اۀͷΠϝʔδʹϚον
σΟϨΫλʔʹٻΊΒΕΔ͜ͱ • ༧ࢉɾεέδϡʔϧʹϑΟοτ • σβΠϯ͕اۀͷΠϝʔδʹϚον • తΛՌͨͤΔΣϒαΠτͷ੍࡞
ΩϞʹͳΔͷ͕αΠτϓϥϯχϯά
͔ͬ͠Γͱϓϥϯχϯά͕Ͱ͖Δͱɺ ΫϥΠΞϯτ͕తΛୡ͢ΔͨΊͷ ࠜڌͱࢦඪʹͳΔ
࣍ ̍ɺࣄલ४උ ̎ɺώΞϦϯά ̏ɺॳظఏҊ ̐ɺ·ͱΊ
ΫϥΠΞϯτϫʔΫʹ͓͚Δࣄલ४උ 01
ࣄલ४උԿͷͨΊʹΔ͔ • ॳ಄ޮՌΛੜΈग़͢
ࣄલ४උԿͷͨΊʹΔ͔ • ॳ಄ޮՌΛੜΈग़͢ • ৴པײΛৢ͢Δ
ࣄલ४උԿͷͨΊʹΔ͔ • ॳ಄ޮՌΛੜΈग़͢ • ৴པײΛৢ͢Δ • ରͳؔʢରҎ্ͷؔʣΛ࡞Δ
ࣄલ४උԿͷͨΊʹΔ͔ • ॳ಄ޮՌΛੜΈग़͢ • ৴པײΛৢ͢Δ • ରͳؔʢରҎ্ͷؔʣΛ࡞Δ • ຊԻΛҾ͖ग़͢
͓͍߹Θͤલͷ؆қώΞϦϯά ࣄલ४උ01
͓͍߹Θͤલͷ؆қώΞϦϯά༰ • ͓͍߹Θ͍͍ͤͨͩͨཧ༝ • ϓϩδΣΫτͷ͖͔͚ͬ • ґཔ༰ʢԿΛͯ͠΄͍͔͠ʣ • ༧ࢉ •
εέδϡʔϧ
͓͍߹Θͤલͷ؆қώΞϦϯά༰ • ͓͍߹Θ͍͍ͤͨͩͨཧ༝ ࣗࣾͷͲ͜ʹັྗΛײͯ͡࿈བྷΛΒ͑ͨͷ͔͕Θ͔Δͱɺ͑Δ͖༰ม Θͬͯ͘ΔɻσβΠϯΛؾʹೖͬͯ͘Εͨͷ͔ɺߟ͑ํʹڞײͯ͘͠Εͨͷ͔ɺ ࣅͨࣄྫ͕͋ͬͨͷ͔ɺͳͲɻ
͓͍߹Θͤલͷ؆қώΞϦϯά༰ • ϓϩδΣΫτͷ͖͔͚ͬ ϓϩδΣΫτ͕࢝·͖͔͚ͬͨͬΛฉ͘͜ͱͰɺରԠ͖͢ɾୡ͖͢͜ͱͷ ༏ઌ͕ݟ͑ͯ͘Δɻʮ͓͍߹ΘͤͷΛ૿͍ͨ͠ʯʮࣗࣾͷϒϥϯυೝ ΛߴΊ͍ͨʯʮ৽αʔϏεΛPR͍ͨ͠ʯͳͲͳͲ
͓͍߹Θͤલͷ؆қώΞϦϯά༰ • ґཔ༰ʢԿΛͯ͠΄͍͔͠ʣ ΣϒαΠτϦχϡʔΞϧɺݕࡧΤϯδϯରࡦͷڧԽɺαΠτߋ৽γεςϜ ʢCMSͳͲʣͷಋೖɺࣸਅɾจষૉࡐΛͲ͏ूΊΕྑ͍͔ڭ͑ͯ΄͍͠ɺಈը Λ࡞ͬͯཉ͍͠ɺSNSΛ͏·͘׆༻͍ͨ͠ɹͳͲ
ॳظௐࠪ ࣄલ४උ02
طଘαΠτνΣοΫ • αʔϏεձࣾͷྺ࢙ͷཧղ
طଘαΠτνΣοΫ • αʔϏεձࣾͷྺ࢙ͷཧղ • Θ͔Γ͢͞ͷνΣοΫ
طଘαΠτνΣοΫ • αʔϏεձࣾͷྺ࢙ͷཧղ • Θ͔Γ͢͞ͷνΣοΫ • ίϯςϯπͷྔɾ༰ͷѲ
طଘαΠτνΣοΫ • αʔϏεձࣾͷྺ࢙ͷཧղ • Θ͔Γ͢͞ͷνΣοΫ • ίϯςϯπͷྔɾ༰ͷѲ • εϚʔτϑΥϯରԠ
طଘαΠτνΣοΫ • αʔϏεձࣾͷྺ࢙ͷཧղ • Θ͔Γ͢͞ͷνΣοΫ • ίϯςϯπͷྔɾ༰ͷѲ • εϚʔτϑΥϯରԠ •
ΣϒαΠτνΣοΫ݁ՌυΩϡϝϯτ
ΫϥΠΞϯτاۀ໊ɾϒϥϯυ໊Ͱݕࡧ • GoogleϚΠϏδωεͷใ • ྑ͍ධɺѱ͍ධ • ใൃ৴ͷॆ࣮ • ϦڧΈ
ΫϥΠΞϯτاۀ໊ɾϒϥϯυ໊Ͱݕࡧ • αʔϏεͷϢʔβʔͷϒϩά • ιʔγϟϧϝσΟΞ্ͷॻ͖ࠐΈ • ۀքϙʔλϧαΠτ ֶߍͳΒελσΟαϓϦɾϚΠφϏਐֶɺ ෆಈ࢈ͳΒSUUMOɺ…ۀքࢽͶʂ
ڝ߹ଞࣾɾଞΤϦΞͷಉۀձࣾΛݕࡧ • γʔΫϨοτϞʔυͰɾαʔϏε໊ͰGoogleݕࡧ • Ҭ໊ʴɾαʔϏε໊ͰGoogleݕࡧ
ݟΔϙΠϯτ • ্Ґʹ͍ΔαΠτ͕Ͳ͏͍͏ίϯςϯπΛ͍࣋ͬͯΔ͔ • ۀքͷχϡʔεɾτϐοΫεΛΔ
σʔλੳ ࣄલ४උ03
աڈ1ؒͷΞΫηεΛνΣοΫ • قઅཁҼɾ༵ཁҼɾٸ৳ͨ͠λΠϛϯά͕͋Δ͔ • ৽نͱϦϐʔλʔɾνϟωϧɾϞόΠϧɾ༗ྉͷτϥϑΟοΫ • ઃఆ͍ͯ͠Δίϯόʔδϣϯͷ༰ͱ݁Ռ • ݕࡧޠ۟ʢSearch Console͕࿈ܞ͍ͯ͠Δ͔ʣ
• ϖʔδϏϡʔɾϥϯσΟϯάϖʔδɾϖʔδϥϯΩϯά
աڈ1ؒͷΞΫηεΛνΣοΫ • ϦΞϧλΠϜݕࡧ Ӿཡऀ͕ଟ͍࣌ؒଳΛૂͬͯɺͪΐ͏Ͳݟ͍ͯΔਓ͕͍ΕɺͲΜͳಈ͖Λͯ͠ Δͷ͔ோΊͯΈΔɻ ϢʔβʔͷߦಈͷҰྫͱͯ͠ώϯτʹͰ͖Δɻ ˎઌೖ؍Λڧ࣋ͪ͗͘͢ͳ͍Α͏ʹҙ
ΫϥΠΞϯτͷ॓ ࣄલ४උ04
ΫϥΠΞϯτʹ४උͯ͠Β͏ • αΠτͰ͍͛ͨ͜͠ͱɾٻΊΔՌ • ओͳݱࡏͷސ٬ • ۀքͷࣗࣾͷϙδγϣϯ • Ұ൪ച্ͷߴ͍ɾαʔϏε •
ڝ߹اۀ • ଞࣾͱൺͯʮ͜͜༏Ε͍ͯΔʯͱݴ͑ΔϙΠϯτ
ΫϥΠΞϯτϫʔΫʹ͓͚ΔώΞϦϯά 02
ώΞϦϯά༰ • ࣄલ४උͷ༰ • ઌํͷ॓ͷ֬ೝ • ୲ऀؒͷؔੑͱׂɾܾࡁऀͷ֬ೝ
ώΞϦϯά༰ • ࣄલ४උͷ༰ • ઌํͷ॓ͷ֬ೝ • ୲ऀؒͷؔੑͱׂɾܾࡁऀͷ֬ೝ • ΫϥΠΞϯτͷ՝ΛΫϦΞʹ͢Δʮ5ճͷ࣭ʯ
υϥΠόʔ৬Λ͘ืू͍ͨ͠ 5ճͷ࣭ ྲྀձࣾͷྫ ͷΈެ։
ձࣾͷࣄۀΛҬͷҰൠͷਓʹ ͬͯ΄͍͠ 5ճͷ࣭ ͱ͋Δձࣾͷྫ ͷΈެ։
ΫϥΠΞϯτϫʔΫʹ͓͚ΔॳظఏҊ 03
ఏҊॻͷ࣍ྫ
None
None
None
None
None
None
None
·ͱΊ 04
ΣϒαΠτ੍࡞Ͱ ΫϥΠΞϯτ͕σΟϨΫλʔʹٻΊΔͷ ԿͰ͠ΐ͏͔ʁ Q.
σΟϨΫλʔʹٻΊΒΕΔ͜ͱ • ༧ࢉɾεέδϡʔϧʹϑΟοτ • σβΠϯ͕اۀͷΠϝʔδʹϚον • తΛՌͨͤΔΣϒαΠτͷ੍࡞
ࣄલ४උԿͷͨΊʹΔ͔ • ॳ಄ޮՌΛੜΈग़͢ • ৴པײΛৢ͢Δ • ରͳؔʢରҎ্ͷؔʣΛ࡞Δ • ຊԻΛҾ͖ग़͢
ΕΔ΄ͲఏҊͷ༰͕ೱ͘ͳΓɺ ݁Ռɺ૬खͷϦΞΫγϣϯྑ͘ͳΔɻ ੍࡞ଆͷϞνϕʔγϣϯߴ·Γ ͕ٞͲΜͲΜ׆ൃʹͳ͍ͬͯ͘ɻ
ʮϢʔβʔ͜Μͳ͜ͱΛΓ͍ͨΜ͡Όͳ͍͔ʁʯ ʮΫϥΠΞϯτ͜͏͍͏Λͯ͠΄͍͠ͷͰʁʯ ʮ͜͏͑ͨΒஅ͍͢͠Μ͡Όͳ͍͔ʁʯ ʮ͜ͷใ͕͋Εཧղ͍͢͠Μ͡Όͳ͍͔ʁʯ
૬ख͕ٻΊΔͷʴЋΛ ఏҊ͢Δ࢟Λ͚࣋ͪͭͮΔ͜ͱ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ HTTPS://WWW.FACEBOOK.COM/MACHISHIMA @WATTLAA HTTPS://NOTE.MU/WATTLAA FOLLOW ME!