Harmonie France

Design & front-endÉtude de cas

Un site éditorial et sensoriel pour présenter une chantilly de corps artisanale au Tamanu et installer la confiance autour du soin.

« J'avais besoin d’un site qui raconte mon histoire et explique mon soin sans perdre la douceur d’Harmonie France. Éva a su traduire cet univers en une expérience claire, sensible et fidèle à la marque. »
Céline Tchoungang, directrice générale d’Harmonie France
Version ordinateur du projet Harmonie France
01

Le contexte

Harmonie France est une marque française de soin corporel naturel et artisanal, portée par une histoire personnelle forte.

Le site devait expliquer le produit, ses ingrédients et son usage tout en préservant un univers doux, premium et très incarné.

02

Mon rôle

J’ai réalisé le site de A à Z : direction artistique, parcours éditoriaux UX/UI, développement React, ajustements responsive et mise en ligne.

Direction artistiqueUX éditorialeReactResponsiveMotionQA visuelle
03

Le processus, étape par étape

1. Comprendre

Identifier les preuves à rendre visibles : fabrication française, actifs, usages et histoire de la fondatrice.

2. Structurer

Organiser le contenu en scènes éditoriales courtes, reliées par une navigation fluide et des routes dédiées.

3. Dessiner

Construire une esthétique ivoire et bordeaux mêlant photographie, typographie éditoriale et mouvements délicats.

4. Coder & tester

Intégrer les vues, tester les transitions et ajuster chaque cadrage sur ordinateur et mobile.

04

Les choix visuels

L’ivoire crée un fond calme, le bordeaux porte la voix de marque et les images occupent de larges surfaces pour garder le produit au centre.

La palette
#FBF4EC
#9F0D45
#D9AE79
#3B2528
La typographieAa

Une sérif éditoriale pour la sensibilité du soin, associée à une sans-sérif nette pour la navigation.

Les composants

Scènes éditoriales, explorateur d’ingrédients, FAQ, articles, tiroirs et appels vers la boutique Etsy.

05

Sous le capot

Le site est une application React/Vite à routes propres pré-rendues, avec transitions visuelles, composants accessibles et build statique compatible avec l’hébergement prévu.

L'architecture
histoire → soin → ingrédients → FAQ
                         ↓
                    boutique Etsy
06

Là où ça a coincé

Le mur 1

Faire vivre une narration riche sans transformer la page en succession de blocs lourds.

Ma solution

Des scènes courtes, des transitions cadrées et une hiérarchie typographique très régulière.

Le mur 2

Conserver la présence des photographies sur mobile sans masquer les informations utiles.

Ma solution

Des cadrages spécifiques par format et des contrôles visuels séparés aux principaux points de rupture.

07

Le résultat

8+vues éditoriales
100%responsive
Etsyconversion externe

Le site réunit histoire, produit, ingrédients, FAQ et blog dans une expérience cohérente qui conduit vers la vente sans se comporter comme une boutique générique.

08

Ce que j’en retiens

Ce projet a renforcé ma capacité à traduire une identité sensible en système numérique précis, avec un vrai travail de rythme, d’image et de transition.

Envie du même genre de projet ?