YouSee Digital Redesign

Company / YouSee

My Role / Lead Product Designer

Design Lead Role /

I've led YouSee's Digital Design for 2,5 years and helped redefine the brand's digital identity across its multiple channels.

Intro /

Yousee's online experience was outdated, lacked accessibility rules, and was underperforming heavily across its sales channels. 

Before & After

ys_before_mockup ys_after_mockup

Goals

1. Become nordic's most accessible brand

2. Improve User Experience

3. Increase sales online

4. Reduce calls

Create YouSee's brand new digital experience revamping the brand’s user experience and expression online.

feedback

UX & UI designers at a Design Audit Workshop at YouSee.

The process

We knew that changing one of Denmark’s biggest players with a customer base of 1,6 million users it wouldn't be easy and it would take time.

The project had to be broken into three main implementation phases: a long term design vision, kickstart the design implementation and create a design system built to scale.

1. A Vision

Create a vision for the new YouSee's digital brand expression.

2. User Experience

Improve user experience at the main pages and start establishing a design coherence.

3. A Design System

Create and implement a Design System to speed up migration to the new design and build a framework for scaling up.

The Vision

User Experience

3key_experiencesA

Welcome experience
Create a personalized homepage focusing on a much more visual experience.

3key_experiencesB

Explorative experience
Remove the clutter and excess of information to help users reach out to what they are looking for easily.

3key_experiencesC

Content experience
Highlight Yousee's premium content switching the background color to give it more space to shine.

The Navigation

Our first task was to fix the navigation and dramatically improve customers' user experience making it easy for them to find what they were looking for.

nav_before

Customer feedback /

“Svær at finde rundt i”
(Difficult to find your way around)

Survey response, November 26th, 2017

“Jeg kan ikke finde rundt i menuerne..."
(I can't find my way into the menu...)

Survey response, November 23rd, 2017

Issues with the navigation /

Mobile and Desktop menus were full of ambiguous labels.

nav_labels

On the mobile view, there were multiple menus pretending to be the same.

nav_multiple_menus

Patches added later to redirect customers in search of help.

nav_patches

Fixing the navigation /

We started with competitive research and a complete new Information Architecture.

Competitive Research
Information Architecture

Prototyping & User Testing /

prototypes
User Testing
nav_after

New Navigation /

After spending some time refining all the findings from the User Test, we started designing. Icons were redesigned and a look & feel started emerging.

We ended up with a much simple navigation user interface, with only two main menu points. We also included fast shortcuts for our most accessed services. For example, 30% of our traffic was people looking for their webmail.

In motion

The Frontpage

After fixing global elements like the navigation and the main search function, it was time to start implementing our vision on the frontpage.

Product Storytelling /

The goal with the New Frontpage was to create a hook on each product highlighting their UPSs.

Using Simon's Sinek* Golden Circle logic we wanted to start with the why of the company, followed by how and what. That logic displayed partially by the wireframe down below would be reflected in each one of the main products.

wireframes_default_fp

We start the design with the first 3 modules to get the stakeholders an idea of what the look & feel of this page would look like. The video illustrating the first modules can be seen down below.

First modules concept /

After the concept had the buy-in from the stakeholders, we had to break the implementation in phases. We decided to start the first phase with a commercial/marketing approach MVP. The result you can see it down below.

The MVP / Mobile first

dna_macs

Design System

After we were done with the design vision, the whole website needed to be updated but several squads were not prioritizing that. The only way to speed up the process was to create a design system.

Want to work together?

Want to work together?

Wanna work together?

I'm currently available for contract or freelance projects.

Otherwise, I'm always happy to chat about interesting ideas. Let's connect on social media.