My Role

Responsive UI Design
Design System

Interaction Design
My Team

Nadia Araiza
Duration

2 months
Tool

Figma

THE PROBLEM

Desigual is a Spanish fashion brand. It’s mission is that people can dress differently, with garments that provoke positive emotions, based on a non-conformist and transgressive spirit, alien to trends and conventionality.The website falls short in representing the brand's unique and creative identity. A significant problem stems from the inconsistent aesthetic across the site and its generic appearance.

THE SOLUTION

Embrace a cleaner and more minimalist space, directing attention to the product. Foster visual cohesion thought the site.  The visual representation should align with the brand's standing, resonating with the core audience (women between 30 and 45 years old) to forge a more meaningful connection.

TASK FLOW

The redesign goal was to make shopping experience easier by improving how to search for products, apply filters and add items to the shopping cart.

OLD MOBILE DESING

NEW MOBILE DESING

MOBILE UI RE-DESIGN

The design adopts a minimalist approach, making use of white open space to allow the product to breathe and take center stage.Users can easily browse product by typology, scrolling through the carousel.

Shopping experience

Neutral tones throughout the site with bright color accents in interaction details as small user delighter.

DESKTOP UI REDESIGN

Desktop Product Page

Cohesive design throughout the site.

Filters

User's search, is simplified by adjusting filters to quickly
locate specific products. The filters are clearly presented in
an overly format.

DESIGN SYSTEM

Typography


Color Palette

Buttons and Icon sets for Mobile and Desktop

Grid System

KEY FINDINGS

The revamped Desigual website now effectively captures the brand's identity, showcasing a cleaner image. This redesign seamlessly incorporates the minimalist concept into both the aesthetics and the user shopping experience, putting a spotlight on the main protagonist, the product.