E-commerce · Cosmetics

Chantan Argan — Boutique

A concept luxury e-commerce store for Moroccan argan cosmetics: twelve products across face, hair and body, category filters and sorting, detailed product pages, an evening ritual and a newsletter offer, in a warm, editorial art direction.

Visit live project
Chantan Argan homepage with the headline Liquid Gold, Pressed by Hand and an amber argan oil bottle
ClientConcept project
IndustryBeauty & skincare
ServicesBrand storytelling · E-commerce UX/UI · Catalogue architecture · Responsive development · Product page design
01

The challenge

Argan oil is everywhere, often diluted and sold cheaply. A premium brand has to justify its price in seconds (where the oil comes from, how it is made, why it is worth more than the bottle next to it) without slowing down the path to the bag.

02

The solution

The store sells origin as much as product. The hero frames the oil as "liquid gold, pressed by hand", a scrolling band repeats the proof points (cold-pressed, women’s cooperatives, small batches, certified organic) and an origin story introduces the cooperative near Essaouira. Bestsellers sit right below the hero with add-to-bag buttons. A three-step evening ritual turns single products into a routine, and a purity promise lists what is never included. The shop holds twelve products in three categories with filters and price sorting; each product page covers benefits, how to use, key ingredients, shipping and returns, plus "Complete the Ritual" suggestions that raise the basket value.

03

User experience

The visitor meets the brand, then the bestsellers, then the story that justifies the price. On product pages the benefits come first, the details are one tap away and the next product in the ritual is always suggested.

Inside the website

Key pages and sections from the finished site, on desktop and mobile.

Shop page with twelve products, category filters and sorting
Shop page with twelve products, category filters and sorting
Argan Rose Face Serum product page with benefits and add to bag
Argan Rose Face Serum product page with benefits and add to bag
Three-step evening ritual with cleanse, treat and seal products
Three-step evening ritual with cleanse, treat and seal products
Three mobile screens: homepage, shop and product page
Three mobile screens: homepage, shop and product page

Main objectives

→ Justify a premium price through origin and craft

→ Keep the path from discovery to bag short

→ Increase basket size with routines and pairings

→ Organise the catalogue clearly by need

→ Capture emails for future launches

Main features

→ Editorial hero with the brand story

→ Scrolling band of proof points

→ Bestsellers with add to bag

→ Origin story with a cooperative quote

→ Three-step evening ritual with products and prices

→ Purity promise section

→ Shop with 12 products, 3 categories, filters and price sorting

→ Product pages: benefits, how to use, ingredients, shipping and returns

→ "Complete the Ritual" cross-selling

→ Newsletter with a first-order discount

→ Responsive layout for mobile shopping

The outcome

A premium price, justified by the story behind the oil.

A complete storefront where every section answers "why this argan?" and every page leads back to the bag. The ritual and pairing logic is designed to raise the average order value, and the structure scales to a larger catalogue.

Discuss a similar project