Web Design
Boutique WooCommerce · 2026

JAYA Paris: Une maison de beauté parisienne et son premier rituel, pensés pour les peaux riches en mélanine.

Client
JAYA Paris
Services
Direction artistique · Développement · SEO
Plateforme
WordPress · WooCommerce
Code
PHP · JavaScript · CSS · GLSL
Site en ligne
jaya-paris.fr ↗
90+Score de performance Google PageSpeed, sur mobile (90) et ordinateur (93)
100Score SEO sur Google PageSpeed, mobile et ordinateur
100score d’accessibilité : facile à lire et à utiliser pour chaque visiteur
90jours d’e-mails automatiques après chaque livraison, pour garder le lien
10%de remise sur la première commande en rejoignant la newsletter : les visiteurs deviennent des contacts
18sections que la marque modifie elle-même dans Elementor, sans développeur
Le brief

JAYA Paris lançait son premier produit, MelaGlow, un complément beauté pensé pour les peaux riches en mélanine. Il lui fallait une boutique qui explique la formule avec soin, la vende simplement et laisse de la place aux produits à venir.

Notre réponse

Une boutique codée de zéro sur WordPress, en PHP, JavaScript et CSS : des roses poudrés et de grands titres Archivo sur un fond satiné dessiné en WebGL, chaque actif expliqué, deux offres côte à côte, un accueil pour les premières visites, des e-mails qui suivent la cure et une boutique WooCommerce prête pour les prochains produits.

Sublimer la peau, jamais effacer la mélanine.

Identité

Roses satinés, cacao, deux typographies.

Pétale#FFF9F6
Poudre#FDE6DD
Rose MelaGlow#FBCFBE
Blush#F6BEAC
Terre cuite#F3B5A1
Cacao au lait#6B4538
Cacao#673B32
Espresso#573127
Archivo, the typeface of the titles and labels, in cocoa on pink
Montserrat, the typeface of the text
Responsive

La boutique de la maison, du téléphone au bureau.

The JAYA Paris home page on a phone
JAYA Paris : création de site web, Nutrition beauté – D/A Creative, agence digitale au Maroc
The JAYA Paris home page on a laptop
JAYA Paris : création de site web, Nutrition beauté – D/A Creative, agence digitale au Maroc
  1. 01D’abord le téléphone

    Le film, les actifs et les offres à portée de pouce.

  2. 02La même boutique, sur chaque écran

    Le même code, de l’iPhone au MacBook 14 pouces, encadré de satin.

  3. 03De la place pour grandir

    Une boutique WooCommerce : MelaGlow d’abord, les prochains produits dans les mêmes pages.

Home page of the JAYA Paris store: L’éclat des peaux riches en mélanine, beside a woman with her hands on her face
01 L’accueil
A woman resting her head on her arms beside a glass, a MelaGlow pouch and open pomegranates
02 Le rituel
Three MelaGlow pouches in pink satin on a pink background
03 La cure de trois mois
The brand page of the store: five cards, the ingredients, the founder, the mission, the values and the science
04 La marque
The MelaGlow product page: the pouch, the two offers and the add-to-cart button
05 Le produit
Fonctionnalités

Ce que la boutique fait pour ses visiteurs.

01

Avant, après, en satin

Faites glisser la ligne : elle se courbe comme un ruban et se pose avec un petit rebond. La page précise clairement que les photos sont des illustrations.

02

Neuf actifs, un geste

Chaque actif a sa carte, sa photo et son rôle ; la rangée défile avec les flèches, du doigt ou à la souris.

03

Un mois ou trois

Les deux offres côte à côte sur la fiche produit ; le pack trois mois affiche son prix par mois.

The welcome pop-up of the store: -10 % on the first order for joining Ma mélanine et moi, beside a photo of a woman in pink in a bathtub
04

Un accueil qui vaut 10 %

À la première visite, une invitation à rejoindre Ma mélanine et moi, la newsletter de la maison, avec 10 % sur la première commande. Affichée une seule fois.

Three e-mails of the store side by side: the welcome with its code, day 30 and day 90
05

Quatre-vingt-dix jours d’e-mails

De la commande au jour 90, la boutique écrit à chaque cliente : ce qu’il y a dans le sachet, la première photo à prendre, les points d’étape et un cadeau pour son anniversaire.

Sur le téléphone

Sept écrans, un pouce.

The home page of the JAYA Paris store on a phone
Accueil
The MelaGlow product page on a phone
Produit
The brand page on a phone
Marque
The ingredients page on a phone
Actifs
The questions and answers on a phone
FAQ
The Ma mélanine et moi page on a phone
Newsletter
Le menu ouvert sur un téléphone
Menu
SEO & vitesse

Conçu pour être trouvé.

Écrit pour les moteurs de recherche autant que pour les gens : titres, descriptions, structure, et chaque image décrite.

Aperçu dans la recherche
J
MelaGlow — JAYA Parishttps://jaya-paris.fr

MelaGlow — Complément alimentaire éclat, peaux noires & métissées

Complément alimentaire beauté au goût grenade pour peaux noires, métissées et mates : glutathion, collagène marin, vitamine C. L’éclat du teint, sans éclaircir.

  • Titre et description sur chaque page5/5
  • Un seul H1 par page✓
  • URL canonique sur chaque page✓
  • Open Graph et cartes de partage✓
  • Données structuréesBreadcrumbList, FAQPage, ItemPage, Organization, Product, WebPage, WebSite
  • Langue déclaréefr-FR
  • Affichage mobile✓
  • Sitemap et robots.txt✓
  • Images décrites par un texte alternatif28/28
Femme tenant le sachet MelaGlow, complément alimentaire pour peaux riches en mélanine
alt“Femme tenant le sachet MelaGlow, complément alimentaire pour peaux riches en mélanine”
Grand-mère et petite-fille à la peau noire trinquant avec leur verre de MelaGlow
alt“Grand-mère et petite-fille à la peau noire trinquant avec leur verre de MelaGlow”
Mains de toutes les carnations autour d’un verre de MelaGlow et de son sachet
alt“Mains de toutes les carnations autour d’un verre de MelaGlow et de son sachet”
Dos du sachet MelaGlow : composition et conseils d’utilisation
alt“Dos du sachet MelaGlow : composition et conseils d’utilisation”
Google PageSpeed Insights pour jaya-paris.fr sur mobile : performance 90, accessibilité 100, bonnes pratiques 100, SEO 100
Google PageSpeed Insights pour jaya-paris.fr sur ordinateur : performance 93, accessibilité 100, bonnes pratiques 100, SEO 100
Crédits
Client
JAYA Paris
Design & développement
D/A Creative
Plateforme
WordPress, WooCommerce and Elementor
Code
PHP, JavaScript, CSS et GLSL, écrits de zéro
Typographies
Archivo · Montserrat
Année
2026
Site en ligne
jaya-paris.fr
Votre projet

Une boutique construite comme celle-ci ?

JAYA Paris : création de site web, Nutrition beauté – D/A Creative, agence digitale au Maroc Projet suivantDar Inou