How A Culture Can Define A Process
How A Culture Can De ne A ProcessHIP HOP & THE WEB TRAVIS MILLER@tm_web#hiphopweb
View Slide
INTRO
"We don’t have any rules, everybody istrying to figure it out. That’s why theInternet is like the Wild West. The Wild,Wild West. We need to write the newrules."Jay-Z
HIP HOP
ELEMENTS OF HIP HOP
ELEMENTS OF THE WEB
ELEMENTS OF THE WEBINFLUENCEFREESTYLEMIX & FLOWDEMOSTUDIOSHOW TIME
INFLUENCE
INFLUENCEINSPIRATION
INFLUENCEBUILD OFF WHAT EXISTS
DEFINE THE PROBLEMRELATE TO THE CLIENT/ AUDIENCEINSPIRATION FOR THE PROJECTINFLUENCE
+ Project Brief+ Content Outline+ Requirements AnalysisINFLUENCE
FREESTYLE
FREESTYLEBRAINSTORMING
FREESTYLE+ Site Map+ Sketches / Wireframes (lo-fi)+ Design Elements
FREESTYLE+ Sliders+ Buttons+ Hovers+ Animations
MIX & FLOW
Mix & Flow is combining your findings,content and other outputs with design anddirection.MIX & FLOW
+ Structured Content / Wireframes (hi-fi)+ Style Guidelines+ Resource CollectionMIX & FLOW
[header][body][footer]HTML ELEMENTSMIX & FLOW
SONG ELEMENTS[chorus][verse][hook]MIX & FLOW
STRUCTURE CONTENT LIKE LYRICSMIX & FLOW
[chorus] > consistent elements (page to page)[verse] > main content (differs for each page)[hook] > call to action / next steps for usersMIX & FLOW
RESOURCESMIX & FLOW
=githubgoogletwitterMIX & FLOW
DEMO
DEMOPROTOTYPING
DEMO+ Rapid Prototypes+ Design Integration+ Tickets & Tasks
DEMODEVTOOLS AUTOSAVE!!!
DEMODOCUMENTATION
INTERCHANGEABLE
STUDIO
STUDIOREFINE YOUR MASTERPIECE
STUDIO+ Testing+ Iterations+ Design Integration / Refinement
STUDIOHEAVY CRITIQUE AND TESTING
STUDIOTOOLS
STUDIOREVIEWRELEASEREPEAT
SHOW TIME
SHOW TIMEPRACTICE
SHOW TIME+ Optimization+ Maintenance+ Support
SHOW TIMEPERFORMANCE
OUTRO
BE COOL
THANKS@tm_web#hiphopweb