CUPRA Website

The CUPRA website had become obsolete and needed a complete redesign from the web sitemap, the main navigation to the homepage.
This project consisted of a global redesign of the CUPRA website in which we were a team of 4 people for 6 months.

The challenge

The challenge of this project was to redesign all the basic scheme of the web, keeping the logic with the existing content, but knowing that there will be new content soon.
And from the visual point of view, the challenge was to continue respecting the current CI of the brand, but creating new elements that fit with the style of the brand.

ROLE

UX/UI Designer

CLIENT

CUPRA (SEAT)

PLATFORM

Website

TOOLS

Sketch, Flinto, Principle, Zeplin

METHODS

Data research, Map affinity, Card sorting, Tree testing.

DURATION

6 months

Objectives

The main objective of this project was to increase user interaction with the CUPRA website. Besides, the following three objectives were raised specifics:

  1. Improve understanding of CUPRA content.
  2. Give more importance to the product.
  3. Allow countries to customize more the content and be able to update it more frequently.

Methodology

We decided to make a linear process, analyzing at the beginning of the CUPRA information cluster.
Then, through an affinity map, we were prioritizing which content was most relevant for users.

Then we started the process of redesigning the sitemap of the web and to better understand our users we made a card sorting.
Subsequently, to verify that this new navigation worked, we performed a tree testing.

Once the skeleton of the web had been clarified, we started to make wireframes for the new homepage.

planning

UX Research

Diapositiva3

Wireframing

As a result of a deadline change, we had to quickly move from low fidelity wireframes to direct design.

IMG_20191112_163102

We made a first proposal with a more CUPRA style, more elegant, magazine, exclusive brand.

In this proposal we tried to include all the current content of the homepage, but adding more product. Because is the new approach that they wanted to have.

Homepage_Designs_V1

This is the prototype of this first proposal:

Captura de pantalla 2019-11-12 a las 16.47.50

After having a meeting with stakeholders, we try to take their feedback into account and make a new proposal.

In this proposal we worked to have more diverse content, in order to give countries the option of customizing the website.

Final design

You can visit now the website live in all the countries: CUPRA Website

©Beatriz Gómez Pérez. All rights reserved.

©Beatriz Gómez Pérez. All rights reserved.

©Beatriz Gómez Pérez. All rights reserved.