CLIENT: UNIVERSAL MUSIC
Visual, Interaction & UI/UX Design
New category pages
I updated the site with category pages and a sub navigation to aid content discovery. I introduced site-wide colour coding of content (features, listen, watch, reviews) to improve signposting around the site. Working with branding agency Studio Output I incorporated their brand refresh into the site with the 'Cutting through classical' line and diagonal device on all pages.
Listen category page
Watch category page
Features category page
Old features category page
Reviews category page
Clever features in the masthead
Keeping clutter to a minimum interacting with buttons in the masthead exposed features relevant at the time. These vastly improved the search experience and newsletter signup.
Top nav default view
The search field expands on click
Clicking the subscribe envelope opens a field to capture an email address
A menu of additional social channels opens
Boosting newsletter signup
I reworked the footer to boost subscriptions to the Sinfini newsletter and designed a new promo template incorporating the new branding in a way that would make it easy for the editorial team to update. I ran A/B tests that identified users quickly became blind to stale promos.
Newsletter subscribe button transforms into an email field
Users submit their email address from the footer
The signup form is pre-populated on the sign up page
Narrow newsletter sign up template
Wide newsletter sign up template, easy for editorial teams to update and keep eye-catching
Example versions of the sign up template
Features page
I made a new features page with a range of widgets that could be dropped into articles. This allowed the editorial team to improve their pages and make them feel less linear.
This final mockup shows all widgets and full explanatory notes.
