![](https://static.wixstatic.com/media/6a1fff_bf1f62ce5a6c41bcbbe9efd332da98c4~mv2.jpg/v1/fill/w_980,h_252,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/6a1fff_bf1f62ce5a6c41bcbbe9efd332da98c4~mv2.jpg)
![TM-Logo.png](https://static.wixstatic.com/media/6a1fff_dd9b43e56b8e49c7870c58d3f4395a1a~mv2.png/v1/fill/w_200,h_27,al_c,q_95,enc_auto/TM-Logo.png)
UI redesign and updated features
Date: August 2018
Role: UI Designer
The Team: Product Manager, UI Designer, Strategy Lead, Junior UX Designer, UX Researcher team, Development team, Creative Director
About
In late 2018, Ticketmaster launched a new brand and product style guide. My design team was asked to implement these new typography, colors, grids, and inputs into existing products we had been building simultaneously during the year. I was also asked to rethink and improve the single event purchase flow employing the 3D Virtual Venue technology into the product. Prior to the update, my team used Google Material Design as our product guide.
Project Goals
Use the new UI style guide to strengthen Ticketmaster’s brand identity and ensures consistency between mobile, desktop and tablet interfaces.
Simplify the visual language system to create a more seamless and simplified shopping and checkout process.
All designed elements must have responsive solutions and work across desktop, mobile, and tablet.
A unified iconography library that signifies clarity and honesty to fans, clients and partners without being distracting.
Greater calendar flexibility options while shopping so users can find and compare the best seats faster than before.
Partner branding opportunities and customizable interface for each event.
An interactive map that enhances the buying experience and gives a greater sense of what the view will truly be.
![](https://static.wixstatic.com/media/6a1fff_baf488824e9f4b739a2a54d9df28b287f000.jpg/v1/fill/w_549,h_600,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/6a1fff_baf488824e9f4b739a2a54d9df28b287f000.jpg)
Style Guide
![colors.jpg](https://static.wixstatic.com/media/6a1fff_f26c3939de6b4e25998b9f5f315c7987~mv2.jpg/v1/fill/w_993,h_302,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/colors.jpg)
MY ROLE
![buttons.jpg](https://static.wixstatic.com/media/6a1fff_1296effb15fd4b548593809cf4a336b5~mv2.jpg/v1/fill/w_987,h_300,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/buttons.jpg)
UNDERSTANDING THE USER
![type.jpg](https://static.wixstatic.com/media/6a1fff_a17055d0bf944164be403a9f6839f842~mv2_d_1956_1896_s_2.jpg/v1/fill/w_980,h_950,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/type.jpg)
BREAKING DOWM THE PROCESS
![spacing.jpg](https://static.wixstatic.com/media/6a1fff_fcc2c2c96bfe43d0b60198c37c40ac6c~mv2.jpg/v1/fill/w_983,h_580,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/spacing.jpg)
![grid.jpg](https://static.wixstatic.com/media/6a1fff_1d2ac6dd9e914488ac5eb3f978ac93ce~mv2.jpg/v1/fill/w_984,h_500,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/grid.jpg)
![icons.jpg](https://static.wixstatic.com/media/6a1fff_59f8f3d8debf4a1a8cef301f9d87f587~mv2.jpg/v1/fill/w_880,h_211,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/icons.jpg)
New event landing and calendar pages
![01.png](https://static.wixstatic.com/media/6a1fff_02c49cbef60f4e6c8f60591365188d2d~mv2.png/v1/fill/w_234,h_507,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/01.png)
New map, list, and 3D viewing options
New 3D map browsing within shopping experience
![03.png](https://static.wixstatic.com/media/6a1fff_1c3ca6729c1140c2b62ea12edf00563c~mv2.png/v1/fill/w_234,h_507,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/03.png)
Faster and straightforward checkout experience
Responsive design
mobile
![mobile.jpg](https://static.wixstatic.com/media/6a1fff_0b8d48931c3847eb9c4fb0007944daa0~mv2.jpg/v1/fill/w_164,h_552,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/mobile.jpg)
tablet
![Tablet.jpg](https://static.wixstatic.com/media/6a1fff_141f217929a54ada8299ac398c1ad3b4~mv2.jpg/v1/fill/w_334,h_552,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Tablet.jpg)
desktop
![desktop.jpg](https://static.wixstatic.com/media/6a1fff_59091d7f86aa4983bb836c04f89699c1~mv2.jpg/v1/fill/w_445,h_552,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/desktop.jpg)