I was asked to re-invent the brand's existing UX and UI. With the help of analytical research and user feedback the challenge was to improve the overall layout with the aim of improving the digital experience. I led a small team throughout the explorations, including presentations of our findings to key stakeholders and senior management.
The results inspired discussions around the possible new directions of the website. We then began exploring new ways of using colour, scaling, imagery and icons to create alternative customer experiences.
Catalogue
The catalogue page features lifestyle images from the seasons campaign shoots allowing each category page to tell a story. The user is able to browse the page and effortlessly see size availability for each product without leaving the page, as well as an alternative image and colour options. With subtle use of colour, products can be highlighted with labels such as new, sustainable, limited stock and pre-order.
The catalogue page features lifestyle images from the seasons campaign shoots allowing each category page to tell a story. The user is able to browse the page and effortlessly see size availability for each product without leaving the page, as well as an alternative image and colour options. With subtle use of colour, products can be highlighted with labels such as new, sustainable, limited stock and pre-order.
Product Page
The product page uses the product imagery as the main focus, showcasing the high level of detail on display.
The product page uses the product imagery as the main focus, showcasing the high level of detail on display.
Zoom Display
The full screen zoom display feature allows the user to control the scale of each image with one easy click. With no other distractions on the page, this reveals the finer details of each product as if it were in your hands. The cursor is displayed as a plus symbol when the main image is hovered over, indicating to the user that the image can be scaled up and then displayed as minus symbol to scale back down.
The full screen zoom display feature allows the user to control the scale of each image with one easy click. With no other distractions on the page, this reveals the finer details of each product as if it were in your hands. The cursor is displayed as a plus symbol when the main image is hovered over, indicating to the user that the image can be scaled up and then displayed as minus symbol to scale back down.
