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
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.2k
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
200
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
530
portfolio.pdf
onof003
0
150
decksh object reference
ajstarks
2
1.3k
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
120
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
The Spectacular Lies of Maps
axbom
PRO
1
250
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
410
Installing and Running decksh/pdfdeck
ajstarks
1
840
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
230
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
650
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
36
6.8k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
A better future with KSS
kneath
239
17k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
A Tale of Four Properties
chriscoyier
160
23k
Raft: Consensus for Rubyists
vanstee
140
7.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Into the Great Unknown - MozCon
thekraken
40
2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
820
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