The OpinionPanel Community

Website Redesign

YouthSight is an award-winning market research agency that owns the UK’s largest youth research panel, 'The OpinionPanel Community'. Panelists are rewarded for sharing their opinions via focus groups and surveys. Data is then delivered to brands, universities, the media, and the government to maximise their relationship with Gen Z and Millenials. In return, participants are rewarded with shopping vouchers together with the opportunity to have their voices heard.

Client

YouthSight

Role

UX Design, UI Design

Date

Dec 2020 (Phase 1)

Problem Statement

During the past few months, YouthSight has seen drops in engagement with its online research panel ‘The OpinionPanel Community’. They were using data and IT to address everything they could in-house, but not being UX experts they were struggling to identify any potential UX issues. I stepped in to offer some UX guidance.

UX Challenges

Working as YouthSight’s only UX designer was a good opportunity as it has enabled me to shape and guide the design of the organisation. However, this presented significant challenges. For the first phase of the project, to avoid the trap of overextension, I brought in an ex-work colleague who is an experienced UX Lead.

Identifying the problem

Educating the company about UX

Establishing a UX process

Deciding which problem to solve

Improve the user experience for sign up

Redesign the landing view layout

Introduce mobile optimisation

Implement brand consistency across web, email and adverts

UX Solutions

Stakeholder interviews

Competitive UX Analysis

Focus Groups

Personas

Customer Journey Map

Stakeholder Interviews

We conducted a number of stakeholder interviews to better understand the product, the users, and the problems the business was facing.

The OPC’s Gen Y & Z users consume content on mobiles

The OPC’s content is not fully optimised for mobile

The online research panel environment is highly competitive

Some competitors have advanced website technology

Narrowing the Scope

It was clear this project would need a UX team, requiring a significant amount of time, but this was not an option due to time and budget constraints. We agreed to compress the UX process and narrow the scope to focus on the joining process for the first phase of this project.

I created 3 personas and a customer journey map based on YouthSight’s OPC data. 

Competitive UX Analysis

Using insights gathered from the Stakeholder interviews, I put together a simplified competitive analysis report.

Rather than spending time developing a comprehensive list of strengths and weaknesses, I wanted to compare the landing pages of 10 competitors from the user's viewpoint on mobile. YouthSight had put thought into how the OPC content flowed on desktop, but not so much for mobile. I wondered if key elements such as the rewards and CTA were immediately viewable, the moment users were landing.

At first, I made screen recordings, timing fundamental tasks such as navigating to the rewards, CTA and scrolling down to the bottom of the page. This was time-consuming and failed to give the elevated view I was after. I wanted to see all of the competitors' landing pages, side by side. Taking full-page mobile screenshots of each site, I laid them side by side in one document. I then added the mobile view frame at the top and mapped out the position of the reward and CTA in a comparable way. The resulting document was intriguing. 8 out of 10 competitor sites had the reward and CTA immediately viewable on mobile. The OPC's CTA was lost at the bottom of the longest home page of all competitors. This simple and effective comparison method highlighted a key issue and provided valuable insight, setting the foundation for the rest of the project.

Design Restructure

Following the findings of the competitive analysis, I rearranged the position and priority of key elements, (CTA and Rewards) and created visuals for a revised landing page.

Style Options

In preparation for the focus group sessions, I distilled the visual styles of the competitors into 3 stylistic versions of the OPC landing page: (A) current style, (B) minimal, and (C) photographic. We then set up focus groups of users to test our findings, assumptions, and design options.

Focus Groups

We conducted several focus groups to help us assess user needs and feelings with the OPC and competitor sites. Participants performed fundamental tasks when landing on the sites. This helped uncover what users wanted from the system.

Users want to see the potential reward, as soon as they land

That’s why they’re here, to earn rewards, as quickly as possible

Users want to see the CTA sign-in screen, as soon as they land

They want to log in and start earning rewards, as quickly as possible

Users are not so interested in the ‘How it Works’ video

It’s a simple deal. They know how it works

Users like to see the Feefo feedback panel, as soon as they land

This helps inspire trust and shows real user feedback

Users like to see relationships with big brands

It shows credibility, clarifies purpose and showcases YouthSight's work

Users prefer the minimalist style

They want clean, simple, uncluttered interfaces, similar to the big brand sites they regularly use

Final Visual Design

The insights gained from the Focus Groups confirmed the findings in the competitive analysis. It proved extremely useful, revealing things we had not expected such as the 'how it works' video not being as important as the business had previously thought. Learning from this and with the approval of the stakeholders, I proceeded to refine the minimalist design which was the users' clear favourite.

Using an iterative design process where designs were continually evaluated with users and the business, I finally reached a level that matched the users' specific requirements, satisfying all of their relevant needs.

The OpinionPanel Community

Outcome & Learnings

Having a limited amount of time and UX support proved to be the biggest challenge in this project. However, the insights gained from the UX analysis and focus groups really helped define the iterative design process and final designs which both the business and users were very pleased with.

We are currently working on phase two with developers, planning to implement the new designs over the next few weeks. In the meantime, the sign-up form has been moved closer to the landing view. As a result, the business has already seen an increase in engagement and registrations. We anticipate a further increase in engagement once the redesign has been fully implemented.

UX Design

Darren Courtney

UX Guide & Support

Anmol Nandha

YouthSight

Ben Marks

Josephine Hansom

Kate Robinson

Sophie Derham