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
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
1.4k
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
870
I.A. como meio, não como fim. Como avaliar o valor entregue?
videlvequio
0
410
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.1k
タイル紹介サイト「タイルだもんで」
calpin
0
160
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
1.3k
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
440
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
310
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
1
200
test deck title
shotamatsuo
0
1.5k
CULTURE DECK/Marketing Director
mhand01
0
1.4k
AI時代、デザイナーの価値はどこに?
tararira
2
1.7k
Featured
See All Featured
Optimizing for Happiness
mojombo
378
71k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
How GitHub (no longer) Works
holman
316
150k
Designing for humans not robots
tammielis
254
26k
Exploring anti-patterns in Rails
aemeredith
3
450
Accessibility Awareness
sabderemane
1
160
Docker and Python
trallard
47
4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
310
Balancing Empowerment & Direction
lara
6
1.2k
Agile that works and the tools we love
rasmusluckow
331
22k
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