The most respected interactive rap battle experience.
Working closely with the stakeholders, I converted their live event experience into wireframes and interactive prototypes.
ROLE
- Product Design
- Interactive Prototypes
- Branding
Bringing the magic of live rap battles into a handheld device
How can we capture the street culture and excitement of URL, while leveraging the benefits of the digital medium to improve the end-user's experience?
Before Design
URL was posting their battles for free on social media. They were wasting their efforts giving their product away for free and struggling to monetize their loyal audience.
Brand Guidelines
Midnight #051024
Dusk #364759
Haze #E4E4E4
Smack #FFFFFF
Team Orange #E0A137
Team Blue #3B99CF
Wireframes & Testing
The state of rap battle videos
If a user is passionate enough to seek the battles out on social media, then they're more than likely to care about what the comment section is saying about each round. The static comment section was the only way to provide that essential feedback.
Interactive, hype, and gamified
Vote at the end of each round, because we mention who we think is winning so far in between rounds. Tally up and create an artist leaderboard based on the community's real-time reactions and votes.
Picture in Picture
Video site users like to browse while they watch, so we added a Picture in Picture feature. The interactive prototype showed how users could keep watching the battle while exploring the rest of the application.
Bring it to life with animation
No better way to bring excitement to the app than with engaging and interactive animation complete with a custom rendered Blender model and After Effects animation.
Logo Redesign Concept
In an effort to improve the spacing, legibility, and overall visual messaging with URL's logo, I created this design concept surrounding "dropping the microphone".
