Pro Yearly is on sale from $80 to $50! »

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
170
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
2fc9b2f4db2b09257417ddf0415be6a0?s=48 ikukamiya
0
320
2cf1be4c4ec31a6ec1f3229dafddb6a8?s=48 iwabm186
0
640
43a4d6806e24f507d97a0780bae40665?s=48 timmychu
0
100
3936605ddd7a28da251afef2593be433?s=48 mariosakata
0
420
7c38faccc2ffcb1f5d2a4344a09d69da?s=48 clow211
0
120
04220a462f57cb4551c9659e94c71354?s=48 kwzr
5
580
Acb24b2e81f0f7c3d6e7eda5e0a70be8?s=48 alvieave
1
130
1db31cd7a801c73129dbce8163a49b08?s=48 sevendex
0
140
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
2
150
611d5744afc7a95add674225bc6b19b7?s=48 kamera25
2
260
Eb94bf8a82dcf68bbbfcd7d085b38d76?s=48 healthyboy5
1
1.4k
128d92bf74fbf395ac55960f19f92176?s=48 anamisanga
0
110

Featured

See All Featured
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
56
6.2k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
114
7k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
92
2.9k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
295
39k
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
500
36k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
258
11k
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
14
1.4k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
66
260k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
267
16k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
92
13k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.3k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
166
19k

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