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 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:
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.
UX Research
Wireframing
As a result of a deadline change, we had to quickly move from low fidelity wireframes to direct design.
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.
This is the prototype of this first proposal:
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
©Beatriz Gómez Pérez. All rights reserved.
©Beatriz Gómez Pérez. All rights reserved.
©Beatriz Gómez Pérez. All rights reserved.