Web Design
WooCommerce store · 2026

JAYA Paris: A Paris beauty house and its first ritual, made for skin rich in melanin.

Client
JAYA Paris
Services
Art direction · Development · SEO
Platform
WordPress · WooCommerce
Code
PHP · JavaScript · CSS · GLSL
90+Google PageSpeed performance score, on mobile (90) and desktop (93)
100SEO score on Google PageSpeed, mobile and desktop
100accessibility score: easy to read and use for every visitor
90days of automatic e-mails after each delivery, to keep in touch
10%off the first order for joining the newsletter: visitors become contacts
18sections the brand edits itself in Elementor, no developer needed
The brief

JAYA Paris was launching its first product, MelaGlow, a beauty supplement made for skin rich in melanin. It needed a store that explains the formula with care, sells it simply and leaves room for the products to come.

Our answer

A store coded from scratch on WordPress, in PHP, JavaScript and CSS: soft pinks and bold Archivo titles on a satin background drawn in WebGL, every ingredient explained, two offers side by side, a welcome for first visitors, e-mails that follow the cure, and a WooCommerce shop ready for the next products.

Celebrate the skin, never erase the melanin.

Identity

Satin pinks, cocoa, two typefaces.

Petal#FFF9F6
Powder#FDE6DD
MelaGlow pink#FBCFBE
Blush#F6BEAC
Terracotta#F3B5A1
Cocoa milk#6B4538
Cocoa#673B32
Espresso#573127
Archivo, the typeface of the titles and labels, in cocoa on pink
Montserrat, the typeface of the text
Responsive

The house store, from the phone to the desk.

The JAYA Paris home page on a phone
JAYA Paris: Website Design, Beauty nutrition – D/A Creative, digital agency in Morocco
The JAYA Paris home page on a laptop
JAYA Paris: Website Design, Beauty nutrition – D/A Creative, digital agency in Morocco
  1. 01Phone first

    The film, the ingredients and the offers within reach of a thumb.

  2. 02Same store, every screen

    The same code from an iPhone to a 14-inch MacBook, framed in satin.

  3. 03Room to grow

    A WooCommerce shop: MelaGlow first, the next products in the same 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 The welcome
A woman resting her head on her arms beside a glass, a MelaGlow pouch and open pomegranates
02 The ritual
Three MelaGlow pouches in pink satin on a pink background
03 The three-month cure
The brand page of the store: five cards, the ingredients, the founder, the mission, the values and the science
04 The brand
The MelaGlow product page: the pouch, the two offers and the add-to-cart button
05 The product
Features

What the store does for its visitors.

01

Before and after, in satin

Drag the line: it bends like a ribbon and settles with a small bounce. The page says plainly that the pictures are illustrations.

02

Nine ingredients, one swipe

Each ingredient has its card, its picture and what it is there for; the row slides with the arrows, a finger or a mouse.

03

One month or three

The two offers side by side on the product page; the three-month pack shows its price per month.

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

A welcome worth 10 %

On a first visit, an invitation to join Ma mélanine et moi, the house newsletter, with 10 % off the first order. Shown once.

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

Ninety days of e-mails

From the order to day 90, the store writes to each customer: what is inside the pouch, the first photo to take, the check-ins, and a gift on her birthday.

On the phone

Seven screens, one thumb.

The home page of the JAYA Paris store on a phone
Home
The MelaGlow product page on a phone
Product
The brand page on a phone
Brand
The ingredients page on a phone
Ingredients
The questions and answers on a phone
FAQ
The Ma mélanine et moi page on a phone
Newsletter
The menu open on a phone
Menu
SEO & speed

Built to be found.

Written for search engines as much as for people: titles, descriptions, structure, and every picture described.

Search preview
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.

  • Title and description on every page5/5
  • One H1 per page✓
  • Canonical URL on every page✓
  • Open Graph and social cards✓
  • Structured dataBreadcrumbList, FAQPage, ItemPage, Organization, Product, WebPage, WebSite
  • Language declaredfr-FR
  • Mobile viewport✓
  • Sitemap and robots.txt✓
  • Pictures described with an alt text28/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 for jaya-paris.fr on mobile: performance 90, accessibility 100, best practices 100, SEO 100
Google PageSpeed Insights for jaya-paris.fr on desktop: performance 93, accessibility 100, best practices 100, SEO 100
Credits
Client
JAYA Paris
Design & development
D/A Creative
Platform
WordPress, WooCommerce and Elementor
Code
PHP, JavaScript, CSS and GLSL, written from scratch
Typefaces
Archivo · Montserrat
Year
2026
Live site
jaya-paris.fr
Your project

Want a store built like this one?

JAYA Paris: Website Design, Beauty nutrition – D/A Creative, digital agency in Morocco Next projectDar Inou