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
340
クライアント提案 はじめの一歩
ウェブディレクター協会 オンライン勉強会イベント
2020年6月7日(日)
https://www.facebook.com/events/260837558365158
待島 亘
June 07, 2020
Tweet
Share
More Decks by 待島 亘
See All by 待島 亘
ウェブディレクターを救うBacklog
wattlaa
0
610
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
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
アクセシビリティに取り組むメリット
magi1125
1
220
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1k
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
670
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
sachi_y_portfolio
sachi337
0
420
Goodpatch Tour💙 / We are hiring!
goodpatch
31
870k
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.2k
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
120
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
770
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
100
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
850
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
The Invisible Side of Design
smashingmag
301
51k
How to Ace a Technical Interview
jacobian
278
23k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Producing Creativity
orderedlist
PRO
346
40k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Building Applications with DynamoDB
mza
95
6.5k
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!