UX/UI Challenge

BRIEF

We value creativity, flexibility, and spirit. As a startup we have to be able to move fast and change and adapt constantly. We would like you to visualise your vision of how sustainable fashion brands should communicate their lower impact on people and planet on their web page: please include the following:

  1. Customer Journey from homepage to single product page
  2. Make sure to highlight the brands sustainability – Low Carbon, Water savings, certification, zero waste, biodiversity, fair wage are all welcomed terms to use and iconize (you do not have to use all of them).
  3. The sustainability has to compliment the product and be part of the story telling.
  4. Think what a value based consumer would want to see.

    Please complete this task within 48 hours – you can hand in as a PDF / Figma project. We prefer high fidelity wireframe, please add a short (no more than 3 paragraphs) explanation of your approach to the problem.

THE APPROACH

My approach has been to base the problem on an existing  well established brand, who are already successful in eCommerce. The company ‘Fashion Lamb’ wish to add a line of `Sustainable Products’ to their website in order to attract and retain customers who are concerned with environmental impacts, within the fashion industry. I have created a line of products as a sub-brand – ‘Eco Collection’- to fulfil this criteria. On the following pages I have illustrated how this customer journey works as well as the attached Figma’ Prototype.

‘Homepage’ – Within the top site navigation there is a link to ‘Eco Collection’ – this will lead to a section outlining what the company is doing in terms of sustainability and give an overview of the available products.  This new section can also be reached from the banner advert ‘Eco Collection 2021’ and could potentially also appear in the carousel at the top of the page. If the user chooses to search for projects generically – all Eco Collection products will be highlighted with an icon to show that they are part of this collection.

 

 

 

For our customer journey the ‘user’ clicks onto the banner advert for ‘Summer Dresses’ as this is what she is interested in today, she could have also navigated here by hovering over the ‘Womens Fashion’ link within the top navigation – where a drop down menu would appear highlighting all products within the website. The ‘Summer Dresses’ page shows all available dresses and can be filtered by brand, size or colour etc. In addition the user can filter items contained within the Eco Collection. The user scrolls down to a dress (Green Summer Dress) which is part of the Eco Collection and is taken to the single product page for the dress. From here the customer can read about the sustainable aspects of the product which are also highlighted by icons illustrating these points. the icons reinforce that the product is part of the Eco Collection; we could create numerous icons for this section depicting many sustainable attributes and explain what each of them mean within the Eco Collection section.

 

TOOLS

Figma, Adobe Illustrator and Photoshop

DURATION

48 hour deadline

ROLE

Researcher, UX and UI Designer