Atelier Sablé
A routine, told like a story.
An independent skincare house. The concept uses editorial layout and product storytelling to sell a small range deeply instead of a large range broadly.
- Industry
- Lifestyle & Retail
- Disciplines
- Website, E-Commerce, Branding
- Screens
- Home, Shop, Product
- Primary action
- Add to bag
Concept ProjectConcept Project — Original Design Exploration. This is not commissioned client work and the business shown does not exist.
A working miniature of the site.
Switch screens and devices. Every control works — the menu filters, the booking flow steps, the cart holds items. Concept interaction — no order is placed.
A routine, told like a story.
Four products, formulated for one another. We publish every ingredient, every concentration and the reason each one exists.
Cleanse
A low-foam cleanser that removes the day without stripping.
Treat
A clinical-strength serum, fragrance free, with the percentage on the label.
Protect
A weightless daily fluid with SPF 30 and no white cast.
Interactive preview. Concept interaction — no order is placed. Resize the window or switch device to see responsive behaviour.
What we set out to solve.
Beauty e-commerce defaults to a grid and a discount banner. For a brand with a narrow, deliberate range, the concept is a magazine: full-bleed editorial pages, ingredient stories, and a shade and size selector that behaves like choosing in a shop.
- 01
Story before grid
Each product opens with the reason it exists, then the ingredients, then the practical detail.
- 02
Selection as ritual
Shade, size and ritual type are chosen in a considered flow with live preview.
- 03
Editorial rhythm
Alternating full-bleed and inset layouts create a reading rhythm rather than a catalogue.
Blush, ivory, charcoal
A warm ivory ground with a blush wash and charcoal type. Soft, but never sugary.
Display serif with italic emphasis
Instrument Serif italic for product names; sensible body copy carries the explanation.
Product as still life
Packaging photographed as objects: shadow, surface, texture. No floating bottle on gradient.
- 01
Read the ritual
Editorial introduction to the range.
- 02
Explore the product
Ingredients, texture, suitability.
- 03
Select
Shade and size with live preview.
- 04
Add to bag
Clear delivery and returns, stated plainly.
Photography, palette and type.
- Ground#F6F1EC
- Surface#FFFFFF
- Ink#241D1A
- Accent#B0624F
Display — Atelier Sablé
Body — set for comfortable reading at every breakpoint, with a measure that keeps line length in check.
Technical labels
