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
WantedlyのプロダクトUIとブランド表現のつなぎ方
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Aoyama Naoki
October 24, 2021
Design
370
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
WantedlyのプロダクトUIとブランド表現のつなぎ方
Aoyama Naoki
October 24, 2021
More Decks by Aoyama Naoki
See All by Aoyama Naoki
なぜ肩書き「デザイナー」なのか
yanaoym
3
1.4k
全員がコードを書く会社では、どんな感じでデザインしてるの?
yanaoym
25
20k
Other Decks in Design
See All in Design
root COMPANY DECK / We are hiring!
root_recruit
3
28k
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
170
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
1
650
2026年、デザイナーはなにに賭ける?
0b1tk
0
560
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
1
1.5k
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
570
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
150
つくり方を変えていく | change-how-we-build
mottox2
2
1.3k
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
230
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
210
ISO 9241-171:2025っていうのがあってな
shosira
1
180
test deck title
shotamatsuo
0
1.5k
Featured
See All Featured
sira's awesome portfolio website redesign presentation
elsirapls
0
270
How STYLIGHT went responsive
nonsquared
100
6.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
The browser strikes back
jonoalderson
0
1.1k
The SEO Collaboration Effect
kristinabergwall1
1
480
30 Presentation Tips
portentint
PRO
1
320
エンジニアに許された特別な時間の終わり
watany
107
250k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
23k
How to train your dragon (web standard)
notwaldorf
97
6.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6k
Transcript
D E S I G N ©2021 Wantedly, Inc. Wa
n t e d l yͷ ϓϩμΫτU Iͱ ϒϥϯυද ݱ ͷ ͭͳ͗ ํ Oct. 10 2021 - Wantedly, Inc. Naoki Aoyama Designship 2021 Sponsor Session
©2021 Wantedly, Inc. ੨ࢁ थ େֶʹͯݐஙɺ ΠϯμετϦΞϧσβΠϯͱֶΜͩޙɺ ϞόΠϧ ϝʔΧʔʹͯUIσβΠϯͱΞʔτσΟϨΫγϣϯΛܦݧɻ
20156݄ΑΓWantedly, Inc.ʹJoinɻ σβΠϯνʔϜΛ ৫͢Δͱͱʹɺ ࣗΒϓϩμΫτͱνʔϜʹඞཁͦ͏ͳ͜ͱ ΛྖҬΘͣσβΠϯ͠ଓ͚Δɻ Wantedly, Inc. CDO ϓϩμΫ τσβΠ φʔ / Ξʔ τσΟ ϨΫλʔ ࣗݾհ
γΰτͰίίϩΦυϧͻͱΛ; ͢ CREATE A WORLD WHERE WORK DRIVES PASSION. ݸਓ͚
37,000ࣾͷΦϑΟεؾܰʹ๚ ग़ձ͍Λه͠ɺ׆༂Λڞ༗ ͍Λ࠾༻ͷثʹ͢Δ ͿΕͳ͍νʔϜΛͭ͘ Δγϯϓϧͳղ๏ Contentedly Hiring Engagement Ϗδωε͚
©2021 Wantedly, Inc. Our Brand
©2021 Wantedly, Inc. Our Brand ͻͱͭͷ Wantedly ϒϥϯυ Ͱ ෳ
αʔϏε ɾ ϓϩμΫτΛల ։ ϒϥϯυՁ Λू ͢Δઓ ུ
©2021 Wantedly, Inc. One Brand ઓུͰͷ ϓϩμΫτσβΠϯͰ͍͠ͱ͜Ζ ੈ ք ؍
ͷ Ұ؏ ੑͱ։ ൃ ɾ ࣗ༝ ͷཱ྆
©2021 Wantedly, Inc. One Brand Ͱͷ ϓϩμΫτσβΠϯͰ͍͠ͱ͜Ζ ʹର͢ΔΞϓϩʔν ৫ΛؚΉ σβΠϯγεςϜͷσβΠϯ
©2021 Wantedly, Inc. ௨ఈ͢Δݪଇ ͚ͯɺ ΑΓྑͭ͘ͳ͙
©2021 Wantedly, Inc. UI DESIGN SYSTEM
©2021 Wantedly, Inc. UI Design System ϒϥϯυදݱΞηοτ ೖ/ࢀর = ৗʹө͞ΕΔ
ϓϩμΫτͷίϯϙʔωϯτ ίϯςϯπ Χλνͷͳ͍ίϯϙʔωϯτ
©2021 Wantedly, Inc. ϒϥϯυදݱΞηοτ े ʹͨ͘͞Μ ༻ ҙ
©2021 Wantedly, Inc. Χλνͷͳ͍ίϯϙʔωϯτ ද ݱΛ બ ΜͰ ΧλνΛ༩͑Δ Elevation
Color Icon Text Shape Surface Content
©2021 Wantedly, Inc. DESIGN ORGANIZATION Լߏஙதɺ σβΠφʔืूத
©2021 Wantedly, Inc. Design Organization σβΠϯ ͕ શ ࣾ ԣ
۲Ͱ ɺ ͔ͭσβΠφʔ͕ ݱ ʹ ډΔ ϓϩμΫτνʔϜͨͪ ϏδωενʔϜͨͪ
©2021 Wantedly, Inc. Design Philosophy
©2021 Wantedly, Inc. Design Principles Smart Bold Sophisticated త େ
ચ࿅
©2021 Wantedly, Inc. DESIGN BAR W. ʹͲ͏ͧ ͖ͭͮҰ ॹ ʹ
͠·͠ΐ͏ TO BE CONTINUED