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 is a natural skincare and haircare brand. An UX audit based on Hotjar data and interviews revealed that customers struggled to find products suited to their needs. The existing store also had a generic layout and a visual identity that didn't 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 shopMavelle homepage: hero with product photos, followed by a bestsellers product rowProduct filter: choose your skin type from six tiles, with product category tabs belowBlog 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

Helping customers make informed decisions

Choosing skincare products online isn't always straightforward. Customers need to know what's inside a product, what it's good for and whether it's right for them.

I redesigned the product page to make benefits, ingredients and reviews easier to find, with related products and articles for those who wanted to learn more.

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

Making the shopping experience work on mobile

The previous store wasn't optimized for mobile, making it difficult to browse products and complete a purchase.

I redesigned the key shopping flows for smaller screens, including navigation, product pages and the cart, while keeping the experience consistent with the desktop version.

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