Degree

New filtering system | Campaign Pages | High fidelity prototyping | Accessibility checks

Objective

Enhance the website's user experience, with a particular emphasis on making it easier to find products and content and to navigate the site. The prior website's unsatisfactory user experience, which included a cluttered layout and perplexing navigation, posed the project's main hurdles.

New product filtering system

Gender neutral and accessible filtering

The current system was out-of-date, difficult to use, and unsuitable for our wide range of customers.

Result :

A filtering system which is user-friendly, accessible, and gender-neutral. The labelling is clear and succinct so that people could easily comprehend their selections.

Article templates

Up to 2000% increase in product clicks !!!

To assist consumers in finding fresh material and goods appropriate for their particular needs, I added components like clear headings, quotes, and purposeful use of whitespace, and also I incorporated features like related articles and product recommendations.

Result : The adjustments had a tremendous impact, as seen by the up to 2000% increase in product clicks.

Campaign landing pages

Interactive page

Bespoke experience

This page's objectives were promoting sales and creating hype for the launch while effectively showcasing the product.

I added a range of interactive elements, such scroll-controlled animations, to add a sense of surprise and delight for users.

Metaverse landing page

The Metathon™ smashed engagement rate records in the Decentraland platform !!!

The Metathon™ was an inviting experience that introduces the first-ever adaptive wearables in Decentraland, such as a wheelchair and running blades to increase representation in movement.

I helped design the landing page in

record-time and helped the event gain momentum and recognition

Process

1. Define

I aligned with the team and stakeholders on challenges and goals

2. Analyse, test, compare

Users had trouble browsing the website and discovering products, which made for a poor user experience. It was evident that the website required a redesign to better serve Degree consumers and bring it into compliance with industry standards.

3. Design & Prototype

3. Validate

I collaborated with the Unilever accessibility team in addition to conducting user testing to make sure the new website met accessibility guidelines and was useable by everyone, regardless of ability.

Design system ownership

I assisted in developing a cohesive and consistent design system that not only enhanced the user experience but also made the website more accessible for all users, while collaborating closely with the branding team and using the branding book as a foundation.

Visual communication

The previous "All products" page design was unclear and failed to distinguish between the various product ranges.

To create a page which is significantly more useful in assisting customers in comprehending the brand's product offers and selecting items with knowledge, I brought layout and hierarchy improvements to the website and used relevant imagery.

I also concentrated on using only design elements which would improve the users' visual experience. This included using top-notch product images, clear labelling and easy filtering.

Before

After