Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Hip Hop & The Web
Search
Travis Miller
June 22, 2013
Design
3
520
Hip Hop & The Web
How A Culture Can Define A Process
Travis Miller
June 22, 2013
Tweet
Share
More Decks by Travis Miller
See All by Travis Miller
Branding With Sass @ Front Porch 2015
tbmiller
0
250
Starter Island - Competition Brief
tbmiller
0
110
Remote. Commit. Push.
tbmiller
2
370
Connecting Through Code
tbmiller
0
67
Other Decks in Design
See All in Design
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
230
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
610
DC Style Redesign
mcduckyart
0
100
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.4k
OLTA株式会社/デザイン紹介資料
taxy
0
290
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.6k
AI時代に淘汰されないデザインのしごと
akinen
0
100
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.7k
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
180
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
330
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
390
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
860
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
19
1.3k
A better future with KSS
kneath
239
17k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Stop Working from a Prison Cell
hatefulcrawdad
269
20k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Typedesign – Prime Four
hannesfritz
41
2.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Transcript
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 INFLUENCE FREESTYLE MIX & FLOW DEMO
STUDIO SHOW 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 REVIEW RELEASE REPEAT
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