Mavelle

Helping shoppers find the right skin and hair care

My Role
UX audit, interface design, visual identity
Industry
Beauty
Mavelle online shop homepage in a browser window: headline, shop buttons and three product photos

Helping customers narrow the choice

Mavelle sells natural skin and hair care products. The UX audit, based on Hotjar data and interviews, showed that customers struggled to work out which products suited their needs in the previous shop. The visual identity also did not reflect the brand's focus on natural ingredients.

A new identity and a clearer shop structure

I redesigned the visual identity and reorganised the shop around the product range. I also designed a smart filter to help customers narrow their choices by skin or hair type and understand the benefits of each option.

Person using a laptop that shows the blog section of the Mavelle shopProduct filter: choose your skin type from six tiles, with product category tabs belowMavelle homepage: hero with product photos, followed by a bestsellers product rowBlog section of the homepage with a row of article cardsNewsletter sign-up offering a free guide, above an Instagram feedInstagram photo grid and the shop footer with contact, product and information links

Showing what matters before buying

I brought product benefits, ingredients, and customer reviews into the product page. Breadcrumbs provided a route back to the category, while related products and care articles offered more information for customers still deciding.

Hands typing on a laptop that shows the avocado oil product page
Angled view of the product page: avocado oil bottle, description and benefits for face and hairAngled view of the product page: customer reviews, related blog articles and suggested products

Shopping on a smaller screen

The previous shop was not designed for mobile use. On a phone, product pages were hard to read, the path to purchase was complicated and not personalised, and the brand had little presence. I created mobile and tablet layouts for the shopping experience, including navigation, product pages, and the cart.

Hands holding a phone that shows the mobile Mavelle homepage
Angled view of the mobile cart and navigation menuMobile product page next to its reviews and ingredients section