MTV2 Site Redesign
Product Designer
- Wireframing and front-end prototyping
- Visual and animation exploration
- Digital style-guide mapping and development
- Lead Q&A with development / tech documentation
MTV2 needs to develop a new site based on its new branding. It must remain it’s MVP but have explorations of ux/ui/animations. We began to develop a new visual language and prototypes of what the next iteration of the site could be. It was essential to base our updates on the current underlying product structure to minimize tech debt during implementation but we wanted to push interaction / visual design as much as we could within this constraint. After presenting to a few key stakeholders to get buy-in, incorporating their feedback, and working with the digital design director and VP design to finalize, we were able to go live with the new design in one sprint cycle. (http://www.mtv.com/mtv2)
MTV2 Home Page
JavaScript animation on hover based on on-air motion graphics – removed due to tech limitation
On-air promo logo animation
Interactive Digital Style Guide
Designed and coded a responsive site as digital style guide for MTV2, listed all style needs for producers and developers, including:
- Logo assets, colors, typeface guides
- All the modules with css code (developers can also inspect the whole code through dev tool)
- Interactive elements guide (hover, active, etc.)
- Specific brand voice page
Brand Voice Page in Digital Style Site
