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
Hip Hop & The Web
Search
Travis Miller
June 22, 2013
Design
3
530
Hip Hop & The Web
How A Culture Can Define A Process
Travis Miller
June 22, 2013
Tweet
Share
More Decks by Travis Miller
See All by Travis Miller
Branding With Sass @ Front Porch 2015
tbmiller
0
260
Starter Island - Competition Brief
tbmiller
0
110
Remote. Commit. Push.
tbmiller
2
370
Connecting Through Code
tbmiller
0
70
Other Decks in Design
See All in Design
ポートフォリオ_webデザイナー
nami_webdesigner
0
140
#Dubois Challenge 2025: Economics
ajstarks
0
150
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
120
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
360
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
310
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
330
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
160
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
120
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.1k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
2k
freee + Product Design FY25Q4
freee
4
15k
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
500
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Why Our Code Smells
bkeepers
PRO
337
57k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
540
Adopting Sorbet at Scale
ufuk
77
9.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
870
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Into the Great Unknown - MozCon
thekraken
40
2k
Designing for humans not robots
tammielis
253
25k
Transcript
How A Culture Can De ne A Process HIP HOP
& THE WEB TRAVIS MILLER @tm_web #hiphopweb
INTRO
"We don’t have any rules, everybody is trying to figure
it out. That’s why the Internet is like the Wild West. The Wild, Wild West. We need to write the new rules." Jay-Z
HIP HOP
ELEMENTS OF HIP HOP
ELEMENTS OF THE WEB
ELEMENTS OF THE WEB INFLUENCE FREESTYLE MIX & FLOW DEMO
STUDIO SHOW TIME
INFLUENCE
INFLUENCE
INFLUENCE INSPIRATION
INFLUENCE
INFLUENCE BUILD OFF WHAT EXISTS
DEFINE THE PROBLEM RELATE TO THE CLIENT/ AUDIENCE INSPIRATION FOR
THE PROJECT INFLUENCE
+ Project Brief + Content Outline + Requirements Analysis INFLUENCE
FREESTYLE
FREESTYLE BRAINSTORMING
FREESTYLE + Site Map + Sketches / Wireframes (lo-fi) +
Design Elements
FREESTYLE
FREESTYLE
FREESTYLE + Sliders + Buttons + Hovers + Animations
MIX & FLOW
Mix & Flow is combining your findings, content and other
outputs with design and direction. MIX & FLOW
+ Structured Content / Wireframes (hi-fi) + Style Guidelines +
Resource Collection MIX & FLOW
[header] [body] [footer] HTML ELEMENTS MIX & FLOW
SONG ELEMENTS [chorus] [verse] [hook] MIX & FLOW
STRUCTURE CONTENT LIKE LYRICS MIX & FLOW
[chorus] > consistent elements (page to page) [verse] > main
content (differs for each page) [hook] > call to action / next steps for users MIX & FLOW
MIX & FLOW
MIX & FLOW
MIX & FLOW
RESOURCES MIX & FLOW
MIX & FLOW
= github google twitter MIX & FLOW
DEMO
DEMO PROTOTYPING
DEMO
DEMO + Rapid Prototypes + Design Integration + Tickets &
Tasks
DEMO
DEMO
DEMO
DEMO DEVTOOLS AUTOSAVE!!!
DEMO DOCUMENTATION
DEMO
INTERCHANGEABLE
STUDIO
STUDIO REFINE YOUR MASTERPIECE
STUDIO + Testing + Iterations + Design Integration / Refinement
STUDIO HEAVY CRITIQUE AND TESTING
STUDIO TOOLS
STUDIO
STUDIO REVIEW RELEASE REPEAT
SHOW TIME
SHOW TIME
SHOW TIME PRACTICE
SHOW TIME + Optimization + Maintenance + Support
SHOW TIME PERFORMANCE
SHOW TIME
SHOW TIME
SHOW TIME
SHOW TIME
OUTRO
BE COOL
THANKS @tm_web #hiphopweb