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
1
350
クライアント提案 はじめの一歩
ウェブディレクター協会 オンライン勉強会イベント
2020年6月7日(日)
https://www.facebook.com/events/260837558365158
待島 亘
June 07, 2020
Tweet
Share
More Decks by 待島 亘
See All by 待島 亘
ウェブディレクターを救うBacklog
wattlaa
0
620
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
1.1k
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
430
SNSで向き合おう!SNSマネージャー 認定試験初級を受けてみた話~待島編
wattlaa
1
410
やさしいBacklogの使い方
wattlaa
2
1.4k
時短&ストレス軽減!サイト制作・発注のコツ
wattlaa
0
200
企画に煮詰まった時のアイデア発想のヒント10
wattlaa
1
560
良いデザインのためのマインドセットの作り方
wattlaa
4
2.1k
クリエイティブに自信を持つ! 前向きサイトプランニング
wattlaa
1
340
Other Decks in Design
See All in Design
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
410
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
150
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
380
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
280
株式会社バクタム 会社説明資料
bactum
0
290
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
490
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
160
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
Saudade typeface
tiagoporto
0
340
Crisp Code inc. ブランドガイドライン
so_kotani
1
200
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
Storyboard Honey
rocioparronrubio
0
410
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
KATA
mclloyd
32
14k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.4k
A designer walks into a library…
pauljervisheath
207
24k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
480
Visualization
eitanlees
146
16k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
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!