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

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

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