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
380
Connecting Through Code
tbmiller
0
72
Other Decks in Design
See All in Design
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
610
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
190
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
180
kintone Style Book
kintone
3
1.6k
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
kinomidesign
0
120
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
210
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
190
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.3k
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
510
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
1
250
DESIGNEAST 2025 A-3
_kotobuki_
0
100
Installing and Running decksh/pdfdeck
ajstarks
1
870
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
A Tale of Four Properties
chriscoyier
161
23k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
610
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Designing for Performance
lara
610
69k
Git: the NoSQL Database
bkeepers
PRO
431
66k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
GraphQLとの向き合い方2022年版
quramy
49
14k
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