Ungaro is a ready-to-wear brand with flamboyant patterns and an unparalleled sense of details settled in the heart of the Haute Couture neighbourhood, Avenue Montaigne.

Ungaro never cease to draw inspirations in women : elegance, sophistication, independence, impudence. His aim is to transcend the clothes by emotions. Have emotions as raw materials. 

CONTEXT : SCHOOL PROJECT
ROLE : UX DESIGNER
YEAR : 2016
WITH : Jean Decherf, Elena Domercq, Corentin Fardeau,
Damien Laurent, Valentin Soyer, Giovanni Xu

SITE : ungaro.com

ungaro_questionungaro_question
ungaro_collectionCoverungaro_collectionCover

Ungaro has an impressive amount of high quality photos and videos to upload quickly after fashion shows, anniversary party, new fragrance launch party. 

When you know your are going to work on fashion non e-commerce site, you firstly think about the pictures. You want to dazzle people eyes with photos, videos everywhere. But actually who’s likely to come on this site ?

Credit : photo taken from the web

Credit : photo taken from the web

Credit : photo taken from larevuedekenza.fr

Press, buyers, bloggers usually come by to check again the collection they have seen : review the looks, share their favorites, get the details of the apparels. Always on the move (cars, plans) they doing it on their smartphone or tablet.

wordpresswordpress

With non technical team, the PR department must update the site by itself. To ease their daily work, we redesigned the site knowing that everything were based on WordPress and must be responsive.
The site had some issues : an unclear menu, a background video which never load, products which did not putting forward enough. The client challenged us to reverse the balance. To make it, my team and I researched what’s done already, and gathered our findings.

 

unserflow&wireframesunserflow&wireframes
ungaro_userflowungaro_userflow

Ungaro user flow

We’ve been lucky to get all the content required to work on : texts, photos, videos. We listed the pages, determined the elements that should be inside of each of them. Once everything was clear, the sketches sessions could begin.

ungaro_sketchesungaro_sketches

Ungaro wireframe sketches

ungaro_wireframesungaro_wireframes

Beyond space optimisation, responsive web design pushes us to rethink our product’s foundations to improve its reading, the access to the content and flow its navigation.

ungaro_responsiveungaro_responsive

I always detail the wireframes, create a grid, putting the right content provided by the client. Sometimes, I insert a picture just to have an eye on the render, check how the image fits the body page. It helps us to move progressively, have a based for developers, UI designer.  

final_results_textfinal_results_text
ungaro_womanungaro_woman
ungaro_elexirungaro_elexir

L’Amour Fou - L’Élexir fragrance page : discover the story behind, imagine the scent of the perfume.

ungaro_womanCollec_mobileungaro_womanCollec_mobile

THANK YOU FOR YOUR TIME, LET’S SEE

koli_yellowkoli_yellow