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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
待島 亘
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
720
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
1.3k
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
470
SNSで向き合おう!SNSマネージャー 認定試験初級を受けてみた話~待島編
wattlaa
1
450
やさしいBacklogの使い方
wattlaa
2
1.6k
時短&ストレス軽減!サイト制作・発注のコツ
wattlaa
0
230
企画に煮詰まった時のアイデア発想のヒント10
wattlaa
1
600
良いデザインのためのマインドセットの作り方
wattlaa
4
2.1k
クリエイティブに自信を持つ! 前向きサイトプランニング
wattlaa
1
350
Other Decks in Design
See All in Design
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
380
2026年の勢い / Momentum for 2026
bebe
0
420
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.8k
チームをデザイン対象にする / Design for your team
kaminashi
1
1.2k
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
1
590
AI時代に必要な アイデアの形
uxman
0
170
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
210
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.4k
次世代のクリエイティブ体験!Photoshopの最新機能で新しい未来を切り開こう
connecre
0
140
Figma MCPを活用するためのデザインハンドブック
vivion
7
16k
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
520
Storyboard Assignment: Storyboard from Comic Strip
lynteo
3
260
Featured
See All Featured
AI: The stuff that nobody shows you
jnunemaker
PRO
6
600
Speed Design
sergeychernyshev
33
1.6k
エンジニアに許された特別な時間の終わり
watany
106
240k
How to Ace a Technical Interview
jacobian
281
24k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.9k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
170
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
750
Building Flexible Design Systems
yeseniaperezcruz
330
40k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
199
73k
For a Future-Friendly Web
brad_frost
183
10k
Fireside Chat
paigeccino
42
3.9k
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!