01 · E-commerce beauté & bien-être · 2024

Nu — la clean beauty, vendue avec calme.

Une boutique multilingue pour une marque de clean beauty — un rythme éditorial enveloppant un parcours d’achat sans friction, piloté par le CMS, que l’équipe gère elle-même.

Rôle

Design & développement

Année

2024

Secteur

E-commerce · DTC

Stack

Next.jsSanityStripe
Nu — hero de la boutique clean beauty
// Le défi

Une boutique qui se lit comme un magazine, qui tourne comme un commerce.

Les acheteuses de clean beauty se renseignent avant d’acheter. Nu avait besoin d’un calme éditorial — de l’espace généreux, une typographie soignée — sans renoncer à la mécanique exigeante d’une vraie boutique : panier, paiement, stock et TVA.

Le brief s’est donc scindé en deux : faire que chaque page se lise comme une page de magazine paisible, et faire que l’ensemble tourne tout seul en deux langues, sans développeur dans la boucle au quotidien.

// Approche

Trois mouvements

01 / content

Tout modéliser dans Sanity

Produits, collections et blocs éditoriaux en contenu structuré — l’équipe possède chaque mot et chaque image.

02 / i18n

Localiser toute la surface

Routing EN · FR, copy et métadonnées SEO modélisés dès le départ, jamais rajoutés à la fin.

03 / commerce

Câbler Stripe de bout en bout

Panier, paiement sécurisé, stock et TVA — une vraie boutique qui bourdonne derrière le calme.

// Build signature

Un seul catalogue, deux langues — instantanément

La localisation n’est pas un ajout de dernière minute — elle est modélisée au cœur de la couche de contenu. Basculez la langue et regardez toute la surface produit se métamorphoser, routing compris. Essayez :

[locale]/products/[slug].tsxcomposant en direct

Quiet skincare, made to last.

Formulated clean, shipped across Europe. Edit every word of this page in the CMS — in both languages.

/products/serum-01
Radiance Serum
€42,00
// Résultat

Le calme en surface, l’activité en dessous.

2
Langues — EN · FR, routing & SEO entièrement localisés
0
Heures de développement pour publier un nouveau produit ou une campagne
100%
Catalogue piloté par le CMS — chaque page éditable par l’équipe
// La boutique, en direct

La grille produit — réelle, pas une capture d’écran

Voici le véritable composant Products de Nu, recréé dans la palette claire de la marque — titres Corben, tuile catégorie pastel, notes en étoiles et ajout rapide propulsé par Stripe. Changez de langue, ajoutez au panier, survolez une carte. C’est le build, en marche.

shop/page.tsx · Products.tsx · Product.tsxcomposant en direct
Boutique / Soins solides

Soins solides

Formulés propres, sans plastique. Faits pour durer, expédiés dans toute l'Europe.

Voir la boutique
Shampoing Solide
Shampoing Solide

Nettoie en douceur, sans sulfates ni plastique.

€ 13,90
Voir plus
Savon Nourrissant
Savon Nourrissant

Huile d'olive & karité, pour les peaux sensibles.

€ 9,50
Voir plus
Baume Mains
Baume Mains

Répare et protège les mains sèches, parfum neutre.

€ 12,00
Voir plus