hip hop & the web: how a culture can define a process
DESCRIPTION
Hip Hop & The Web: How A Culture Can Define A ProcessTRANSCRIPT
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
INFLUENCEFREESTYLEMIX & FLOWDEMOSTUDIOSHOW 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
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
REVIEWRELEASEREPEAT
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