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
課題と向き合ったフリルのWebリニューアル
Search
Yuki Haruyama
May 26, 2017
Design
11
3.4k
課題と向き合ったフリルのWebリニューアル
Yuki Haruyama
May 26, 2017
Tweet
Share
More Decks by Yuki Haruyama
See All by Yuki Haruyama
ユーザーを中心に考えながら事業目標にもしっかりコミットするための チームづくり
yuki930
9
7.6k
Other Decks in Design
See All in Design
Social Anxiety
ksmith2024
0
120
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
800
LayerX DesignersDeck
layerx
PRO
0
2.9k
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
190
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
1
590
発表資料テンプレート / My slide template
thatblue
0
220
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
400
セブンデックス カルチャーブック
sevendex
0
3.7k
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
200
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
220
Personal Story Sequence - Vendetta(WIP)
elrns88
0
420
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
It's Worth the Effort
3n
184
28k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Writing Fast Ruby
sferik
628
61k
A Tale of Four Properties
chriscoyier
158
23k
Typedesign – Prime Four
hannesfritz
40
2.5k
Transcript
՝ͱ͖߹ͬͨ 8FC൛ϑϦϧϦχϡʔΞϧ
2 Fablic, inc. Product Manager, Designer ࢁޱ༗༝ر @yuki930 ϓϩϑΟʔϧ
3 ϑϦϧ '3*- ʮཉ͍͠ʯ͕Έ͔ͭΔϑϦϚΞϓϦ
4
ϑϦϧ8FCϦχϡʔΞϧ ϓϩδΣΫτʹ͍ͭͯ 5
6 ͣͬͱΞϓϦϑΝʔετͩͬͨϑϦϧ Β͘ख͔ͣͩͬͨ8FC൛
7 ࠷దԽ͢Δ͜ͱͰͬͱྲྀೖऀΛ૿ͤΔͷͰʜʁ 8FC͍͍͋ͩ؆қతͳͷʹͳ͍ͬͯͨɻ ͣͬͱΞϓϦϑΝʔετͩͬͨϑϦϧ
8 ͣͬͱΞϓϦϑΝʔετͩͬͨϑϦϧ ؆қతͳհϖʔδͱ͔ͯ͠͠ػೳ͍ͯ͠ͳ͔ͬͨɻ ߪೖ͍ͨ͠߹ΞϓϦμϯϩʔυˠొˠΛ୳͢ˠߪೖͱ͍͏εςοϓ 8FCͷΈͰ݁͢Εͬͱߪೖ͕͋ΔͷͰʜʁ εςοϓ͕ଟ͍ʜ ʜ
9 ͣͬͱΞϓϦϑΝʔετͩͬͨϑϦϧ 8FC͖͔͚ͬͷϢʔβʔɺ ͬͱ૿ͤΔΜ͡Όͳ͍ʁ
10 νʔϜϝϯόʔ اըɾσβΠϯ ϑϩϯτΤϯυ αʔόʔαΠυ ࣮ αʔόʔαΠυ ࣮ ΞαΠϯ͞Εͨͷ໊ ࢲ
͍͢͝ ͍͢͝
11 ͱ͍͑ɺͲΕ͙Β͍Մೳੑ͕͋Δʁ ݱঢ়ੳௐࠪ
12 ௐࠪͷ࣠ ݕࡧྲྀೖͷ࠷େԽ ߪೖಈઢͷ࠷దԽ ·ͣϑϦϧͷݱঢ়ΛΔ ଞαΠτͷΛௐͯϲ݄ޙʹ࣮ݱՄೳͳΛ୳Δ ݱঢ়ͷϑϩʔͰͷߪೖίϯόʔδϣϯΛΔ &$αΠτͷίϯόʔδϣϯΛௐࠪ͠ɺൺֱ͢Δ
13 ݕࡧྲྀೖͷ࠷దԽ ·ͣϑϦϧͷݱঢ়ΛΔ "OBMZUJDTΛͬͯௐࠪ ݱঢ়Կਓ͙Β͍ͷ66͕͍Δͷ͔ʁ ྲྀೖܦ࿏ͷ༁ʁ ͲͷϖʔδάϧʔϓʹҰ൪ଟ͘ ϥϯσΟϯά͍ͯ͠ΔʁͳͲΛ֬ೝ σʔλܧଓͯ͑͠ΔΑ͏ʹ͓ͯ͘͠
14 ݕࡧྲྀೖͷ࠷దԽ ϲ݄ޙͷඪͱͯ͠ݱ࣮తͳϥΠϯΛ୳Δ 4JNJMBS8FCΛͬͯௐࠪ ڝ߹ͷΞΫηεͲΕ͙Β͍ʁ ྲྀೖܦ࿏ʁ ݱ࣮తͳඪϥΠϯʁ ࣮ݱՄೳͳඪΛ୳Δ
15 ߪೖಈઢͷ࠷దԽ ΞΫηεͯ͠ ʜ ̋̋̋̋̋̋̋̋ʜ̋̋ ߪೖϘλϯΛԡ͠ %-ϖʔδߦ͖ %-ͯ͠ ߪೖ͢Δ ݱঢ়ͷϑϩʔͰͷߪೖίϯόʔδϣϯΛௐࠪ
16 ߪೖಈઢͷ࠷దԽͷͨΊͷௐࠪ ݱঢ়ͷϙΠϯτͱίϯόʔδϣϯΛચ͍ग़͢ σʔλࢀরݩ ̋̋̋ਓ͕๚͍ͯͯ͠ ̋̋̋ਓ͕ߪೖϘλϯΛԡ͍ͯͯ͠ ̋̋̋ਓ͕ΞϓϦΛμϯϩʔυ͍ͯͯ͠ ̋̋̋ਓ͕ձһొΛ͍ͯͯ͠ ̋̋̋ਓ͕ߪೖΛ͍ͯ͠Δ͔
17 ߪೖಈઢͷ࠷దԽ &$αΠτͷΧʔτίϯόʔδϣϯΛௐࠪ IUUQGUSBDPNKBCMPHPWFSTFBT &$αΠτͷΧʔτ์غͳͲͷσʔλΛௐࠪɺ ࢀߟͱ͍͔ͯͭ͘͠ϐοΫΞοϓ ݱঢ়ͷϑϦϧͷίϯόʔδϣϯͱൺֱ͠ɺ ͲͪΒ͕༏Ґͳͷ͔νΣοΫ
18 ௐࠪੳ ྲྀೖͱߪೖ·ͰͷΞΫγϣϯΛվળ͢Δ͜ͱͰ େ͖͘৳ͼΔݟࠐΈ͕͋ΔͱஅͰ͖Δࡐྉ͕ू·ͬͨ ͜ΕΒͷੳ݁Ռ͔ΒࢦඪΛԾஔ͖͠ɺࢼࢉ
19 ࠓճͷϓϩδΣΫτͷඪ͕ܾఆ ݕࡧྲྀೖͷ࠷େԽ ߪೖಈઢͷ࠷దԽ ݄࣌ͰΦʔΨχοΫ66̋̋̋ਓΛୡ͢Δ վળʹΑ্͕ͬͯΔΛ௫Ή 8FC্Ͱߪೖ͕݁͢ΔΑ͏ͳ69Λఏڙ͢Δ ࢀߟͱͯ͠ग़ͨ͠&$αΠτͷίϯόʔδϣϯΛࢦඪͱ͠ɺݱঢ়
ͷίϯόʔδϣϯ͔Β̋ˋΞοϓΛࢦ͢
20 ඪʹ͔͏ͨΊʹ Δ͖͜ͱΒͳ͍͜ͱΛܾΊΔ
21 ։ൃظؒϲ݄ ࠓճͷΰʔϧ8FC͖͔͚ͬͰొɾߪೖ͢ΔϢʔβʔΛ૿͢͜ͱ ֦ு͍͢͠ߏʹͯ͠Έ͢ݕࡧྲྀೖ૿Ճ దͳϖʔδΛ૿͢ݕࡧྲྀೖ૿Ճ ֤ϖʔδదͳϫʔυ͕දࣔ͞ΕΔΑ͏ʹ͢Δݕࡧྲྀೖ૿Ճ ཉ͍͠Λݟ͚ͭΔˠొˠߪೖ͢Δεςοϓͷॖొऀ૿Ճ Δ͜ͱ Βͳ͍͜ͱ ొɾߪೖ·ͰͷεςοϓҎ֎ͷ6*ͷ࠷దԽ
ࡉͷσΟςΟʔϧ
22 ϦχϡʔΞϧεέδϡʔϧ ݄ ݄ ݄ ݄ ొߪೖػೳ։ൃ σβΠϯϚʔΫΞοϓ ։ൃʹ༩͑ΒΕͨظؒϲ݄
ੳ Ճاը ௐࠪੳ ߪೖػೳ ϦϦʔε Ճ։ൃ ௐࠪੳ ϖʔδมߋରԠ 4&0ରࡦ൛ ϦϦʔε σβΠϯϚʔΫΞοϓ ઌߦͯ͠ϦϦʔε ։ൃʹ࣌ؒΛཁ͢Δػೳฒߦͯ͠։ൃ ࡉ͔͘վળΛ܁Γฦ͢ ੳ Ճاը ϦϦ ʔε ϦϦ ʔε Ճ։ൃ ݕࡧྲྀೖ ࠷దԽ ߪೖಋઢ ࠷దԽ ࠩਵ࣌औΓࠐΈ
23 ͭʹΘ͚ͯฒߦͯ͠ͷ։ൃ ·ͣઌߦͯ͠ྲྀೖ͕૿͑Δ͕͔ͭΊΔ͔Λখ͘͞ࢼ͢ ݕࡧྲྀೖ࠷దԽͷͨΊͷ։ൃ 4&0ରࡦʹ͍ͭͯ͜͏͢Ε࣮֬ʹޮՌ͕ݟࠐΊΔɺͱ͍͏ͷ͕͖ͬ Γ͍ͯ͠ͳ͍ͷͰɺখ͘͞ૣ͘ࢼͯ͠վળΛ܁Γฦ͢ํͰܭը ݄ ݄ ݄ ݄
ੳ Ճاը Ճ։ൃ ௐࠪੳ ϖʔδมߋରԠ 4&0ରࡦ൛ ϦϦʔε σβΠϯϚʔΫΞοϓ ઌߦͯ͠ϦϦʔε ࡉ͔͘վળΛ܁Γฦ͢ ੳ Ճاը ϦϦ ʔε ϦϦ ʔε Ճ։ൃ ݕࡧྲྀೖ ࠷దԽ
24 ͭʹΘ͚ͯฒߦͯ͠ͷ։ൃ ྲྀೖΛ૿ͭͭ͠ɺߪೖͷମݧΛ࠷దԽ͍ͯ͘͠ ߪೖಋઢ࠷దԽͷͨΊͷ։ൃ 8FC্ͰߪೖΛྃͤ͞ΔͨΊʹɺձһొػೳɺϩάΠϯػೳɺߪೖػೳ ͳͲਵ͢Δ͞·͟·ͳ։ൃ͕ඞཁͰɺ࠷Ͱϲ݄ඞཁ ݄ ݄ ݄ ݄
ొߪೖػೳ։ൃ σβΠϯϚʔΫΞοϓ ௐࠪੳ ߪೖػೳ ϦϦʔε ։ൃʹ࣌ؒΛཁ͢Δػೳฒߦͯ͠։ൃ ߪೖಋઢ ࠷దԽ
25
26 ݁Ռʁ ඪΛେ͖͘ΫϦΞʂ ݄࣌Ͱ ΦʔΨχοΫ66ഒ ొϢʔβʔഒ ઌߦͯ͠ग़͍ͯͨ͠ࣄʹΑΓ݄࣌Ͱ͙͢ʹޮՌ͕֬ೝͰ͖ͨʂ ߪೖίϯόʔδϣϯ͕վળͨ͜͠ͱʹΑΓɺΞϓϦ͚ͩͰ݁͢Δ69ΑΓେ͖͘վળʂ
27 ඪୡ͕ͨ͠ʜ ҰํͰ σβΠφʔͱͯ͠ ·ͩ·ͩΓΓͳ͍՝͕Δ
28 ҰํͰσβΠφʔͱͯ͠·ͩ·ͩղܾ͍ͯ͋͛ͨ͠՝ͨ͘͞ΜΔ ຊʹ͜ͷφϏήʔγϣϯϝχϡʔͰྑ͍ͷ͔ʁͳͲࡉ͔͍෦· ͰϢʔβʔઢͰಥ͖٧ΊΔ͜ͱ͕Ͱ͖ͳ͔ͬͨ ϢʔβʔΠϯλϏϡʔͳͲΛॏͶͯಥ͖٧ΊΔ͜ͱͰ ·ͩ·ͩΑ͘Ͱ͖ΔϙΠϯτͨ͘͞Μ͋ͬͨ ߪೖʹࢸΔܦ࿏Ҏ֎ͷମݧͷ࠷దԽ
29 ҰํͰσβΠφʔͱͯ͠·ͩ·ͩղܾ͍ͯ͋͛ͨ͠՝ͨ͘͞ΜΔ ࡉ͔͍ύʔπͷσΟςΟʔϧʹͩ͜ΘΓ͖Δ͜ͱ͕Ͱ͖ͳ͔ͬͨ σβΠφʔͱͯ͜͠ΕҎ্ແ͍σβΠϯͰग़͍ͨ͠ؾ࣋ͪ͋Δ σΟςΟʔϧͷͩ͜ΘΓ
30 ඪͱ͖߹͏ ࠓճͷతͳʹʁ
31 ඪͱ͖߹͏ 8FC͖͔͚ͬͷϢʔβʔΛ૿͢ʂ ݕࡧྲྀೖͷ࠷େԽ ߪೖಈઢͷ࠷దԽ
32 ·ͩ·ͩΓ͍ͨ͜ͱ͋ΕͲʜ ཧ͋ΕͲɺϦχϡʔΞϧ࣌ʹ ࠷ॳ͔Βͯ͢ΛᘳʹΓ͖Δͷ ࣌ؒతʹίετతʹ͍͠ɻ ·ͣͦͷ࣌ʑͷඪʹ͔͔ͬͯͬ͠ΓͱՌΛग़͢ɻ ͖ͪΜͱͨ͠ՁΛ࡞Γɺ σʔλΛݟͳ͕ΒվળΛॏͶͯΑΓߴΈΛࢦ͢ʂ ·ͣඪʹର͔ͯͬ͠͠Γ݁ՌΛग़͢
33 ͜ͷޙ8FCʹྗ͖͢ͱஅ͞Εɺ Ҿ͖ଓ͖։ൃ͕ܧଓ͍ͯ͠·͢ɻ ݱࡏҾ͖ଓ͖৽ͨͳϝϯόʔͰ 8FC൛ͷվྑ͕ʑਐΊΒΕ͍ͯ·͢ɻ ొಋઢݟ͠Λߦ͍ɺ ͞Βʹେ͖͘ొΛ৳͢͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓ·ͨ͠ɻ ݁Ռ͕͍ͭͯ͘Ε·ͨνϟϨϯδͰ͖Δ
34 6*69ΛΑΓΑ͍ͯͨ͘͘͠Ίʹ༷ʑͳख๏͕͋Γ·͕͢ɺ ࠷ॳ͔Βͯ͢Λ͍ɺͯ͢Λ͑Α͏ͱͤͣ ҰาҰา࣮֬ʹɺͦͷ࣌࠷దͳखஈख๏Λஅͯ͠ ͞ΒͳΔΛࢦ͍͖͍ͯͨ͠ͱࢥ͍·͢ ΰʔϧʹ߹ΘͤͯͭͲ࠷దͳखஈΛબ΅͏ʂ
35 'BCMJDͰσβΠφʔʗΤϯδχΞΛੵۃ࠾༻தʂ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ