Hip Hop & The Web

Db9adb5582199abccf93d3d8c84fd4b9?s=47 Travis Miller
June 22, 2013
Design
3
400

Hip Hop & The Web

How A Culture Can Define A Process

Db9adb5582199abccf93d3d8c84fd4b9?s=128

Travis Miller

June 22, 2013
Tweet

More Decks by Travis Miller

See All by Travis Miller
Db9adb5582199abccf93d3d8c84fd4b9?s=48 tbmiller
0
160
Db9adb5582199abccf93d3d8c84fd4b9?s=48 tbmiller
0
73
Db9adb5582199abccf93d3d8c84fd4b9?s=48 tbmiller
2
230
Db9adb5582199abccf93d3d8c84fd4b9?s=48 tbmiller
0
41

Other Decks in Design

See All in Design
95aaab3d693889550fd2e7ae02f2f789?s=48 takaking22
1
190
5696bd82fd62181c65c8bb3c168d49c1?s=48 solmetts
0
150
772d2b314dfb0f3d7878d1540373706f?s=48 rachelkral
0
170
De642d97312a719bcb273476a53a2f29?s=48 justmichaelajayi
0
260
0d8a5f112b203f084178d4432b10e354?s=48 chyanime
0
120
A5d201f45866b5d7a191cb2ac6b31a00?s=48 nadbov
0
130
C918bcbfa8df32567636c2d125a34fa1?s=48 sonnylazuardi
3
170
664cffa199f22da94fb83c6fe1c70bbb?s=48 jvetrau
0
8.6k
C66a4b0ef3d970bfbe5cc00df63804d8?s=48 polverelli
1
170
6715312320f3bd88463ad96db1f13866?s=48 ryusukekogetsu
2
3k
92fccf6caea24341b74dfbd9509edb34?s=48 aaronimation
1
150
53686ab0d1d54666a9ca00dd0086a68f?s=48 kobiebrett
0
500

Featured

See All Featured
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
8.6k
245cee81a9c424266e5e401d844ea881?s=48 lara
168
9.1k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
84
7.6k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
51
1.8k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
330
29k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
240
20k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
154
6.1k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
293
38k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
2
160
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
7
1.1k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
13
760
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
123
21k

Transcript

  1. How A Culture Can De ne A Process HIP HOP

    & THE WEB TRAVIS MILLER @tm_web #hiphopweb

  2. INTRO

  3. "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

  4. HIP HOP

  5. ELEMENTS OF HIP HOP

  6. ELEMENTS OF THE WEB

  7. ELEMENTS OF THE WEB INFLUENCE FREESTYLE MIX & FLOW DEMO

    STUDIO SHOW TIME

  8. INFLUENCE

  9. INFLUENCE

  10. INFLUENCE INSPIRATION

  11. INFLUENCE

  12. INFLUENCE BUILD OFF WHAT EXISTS

  13. DEFINE THE PROBLEM RELATE TO THE CLIENT/ AUDIENCE INSPIRATION FOR

    THE PROJECT INFLUENCE

  14. + Project Brief + Content Outline + Requirements Analysis INFLUENCE

  15. FREESTYLE

  16. FREESTYLE BRAINSTORMING

  17. FREESTYLE + Site Map + Sketches / Wireframes (lo-fi) +

    Design Elements

  18. FREESTYLE

  19. FREESTYLE

  20. FREESTYLE + Sliders + Buttons + Hovers + Animations

  21. MIX & FLOW

  22. Mix & Flow is combining your findings, content and other

    outputs with design and direction. MIX & FLOW

  23. + Structured Content / Wireframes (hi-fi) + Style Guidelines +

    Resource Collection MIX & FLOW

  24. [header] [body] [footer] HTML ELEMENTS MIX & FLOW

  25. SONG ELEMENTS [chorus] [verse] [hook] MIX & FLOW

  26. STRUCTURE CONTENT LIKE LYRICS MIX & FLOW

  27. [chorus] > consistent elements (page to page) [verse] > main

    content (differs for each page) [hook] > call to action / next steps for users MIX & FLOW

  28. MIX & FLOW

  29. MIX & FLOW

  30. MIX & FLOW

  31. RESOURCES MIX & FLOW

  32. MIX & FLOW

  33. = github google twitter MIX & FLOW

  34. DEMO

  35. DEMO PROTOTYPING

  36. DEMO

  37. DEMO + Rapid Prototypes + Design Integration + Tickets &

    Tasks

  38. DEMO

  39. DEMO

  40. DEMO

  41. DEMO DEVTOOLS AUTOSAVE!!!

  42. DEMO DOCUMENTATION

  43. DEMO

  44. INTERCHANGEABLE

  45. STUDIO

  46. STUDIO REFINE YOUR MASTERPIECE

  47. STUDIO + Testing + Iterations + Design Integration / Refinement

  48. STUDIO HEAVY CRITIQUE AND TESTING

  49. STUDIO TOOLS

  50. STUDIO

  51. STUDIO REVIEW RELEASE REPEAT

  52. SHOW TIME

  53. SHOW TIME

  54. SHOW TIME PRACTICE

  55. SHOW TIME + Optimization + Maintenance + Support

  56. SHOW TIME PERFORMANCE

  57. SHOW TIME

  58. SHOW TIME

  59. SHOW TIME

  60. SHOW TIME

  61. OUTRO

  62. BE COOL

  63. THANKS @tm_web #hiphopweb