تصميم المواقع
متجر WooCommerce · 2026

JAYA Paris: دار تجميل باريسية وأول طقوسها، صُمّمت للبشرة الغنية بالميلانين.

العميل
JAYA Paris
الخدمات
الإدارة الفنية · التطوير · تحسين محركات البحث
المنصة
WordPress · WooCommerce
الكود
PHP · JavaScript · CSS · GLSL
الموقع المنشور
jaya-paris.fr ↗
90+نتيجة الأداء على Google PageSpeed، على الهاتف (90) والكمبيوتر (93)
100نتيجة SEO على Google PageSpeed، على الهاتف والكمبيوتر
100نتيجة سهولة الوصول: سهل القراءة والاستخدام لكل زائر
90يومًا من الرسائل التلقائية بعد كل توصيل، للبقاء على تواصل
10%خصم على الطلب الأول عند الاشتراك في النشرة: يتحول الزوار إلى جهات اتصال
18قسمًا تعدّله العلامة بنفسها في Elementor، دون الحاجة إلى مطوّر
الطلب

كانت JAYA Paris تطلق أول منتجاتها، MelaGlow، مكمّلًا جماليًا مصممًا للبشرة الغنية بالميلانين. احتاجت إلى متجر يشرح التركيبة بعناية، ويبيعها ببساطة، ويترك مكانًا للمنتجات القادمة.

جوابنا

متجر مبرمج من الصفر على WordPress بلغات PHP وJavaScript وCSS: درجات وردية ناعمة وعناوين Archivo عريضة على خلفية ساتانية مرسومة بـ WebGL، شرح لكل مكوّن، عرضان جنبًا إلى جنب، ترحيب بالزوار الجدد، رسائل بريد ترافق فترة الاستعمال، ومتجر WooCommerce جاهز للمنتجات القادمة.

احتفِ بالبشرة، ولا تمحُ الميلانين أبدًا.

الهوية

وردي ساتاني، كاكاو، وخطّان.

بتلة#FFF9F6
بودرة#FDE6DD
وردي MelaGlow#FBCFBE
أحمر الخدود#F6BEAC
طين مشوي#F3B5A1
كاكاو بالحليب#6B4538
كاكاو#673B32
إسبريسو#573127
Archivo, the typeface of the titles and labels, in cocoa on pink
Montserrat, the typeface of the text
متجاوب

متجر الدار، من الهاتف إلى المكتب.

The JAYA Paris home page on a phone
JAYA Paris: تصميم موقع إلكتروني، تغذية الجمال – D/A Creative، وكالة رقمية في المغرب
The JAYA Paris home page on a laptop
JAYA Paris: تصميم موقع إلكتروني، تغذية الجمال – D/A Creative، وكالة رقمية في المغرب
  1. 01الهاتف أولًا

    الفيلم والمكونات والعروض في متناول الإبهام.

  2. 02المتجر نفسه على كل شاشة

    الكود نفسه من iPhone إلى MacBook مقاس 14 بوصة، بإطار ساتاني.

  3. 03مساحة للنمو

    متجر WooCommerce: MelaGlow أولًا، والمنتجات القادمة في الصفحات نفسها.

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 الاستقبال
A woman resting her head on her arms beside a glass, a MelaGlow pouch and open pomegranates
02 الطقس
Three MelaGlow pouches in pink satin on a pink background
03 برنامج الأشهر الثلاثة
The brand page of the store: five cards, the ingredients, the founder, the mission, the values and the science
04 العلامة
The MelaGlow product page: the pouch, the two offers and the add-to-cart button
05 المنتج
الميزات

ما يقدمه المتجر لزوّاره.

01

قبل وبعد، بلمسة ساتان

اسحب الخط: ينحني كشريط ثم يستقر بارتداد خفيف. وتوضّح الصفحة بصراحة أن الصور توضيحية.

02

تسعة مكونات، بلمسة واحدة

لكل مكوّن بطاقته وصورته ودوره؛ ويتحرك الصف بالأسهم أو بالإصبع أو بالفأرة.

03

شهر واحد أو ثلاثة

العرضان جنبًا إلى جنب في صفحة المنتج؛ وتُظهر باقة الأشهر الثلاثة سعرها الشهري.

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

ترحيب بقيمة 10 %

في الزيارة الأولى، دعوة للانضمام إلى Ma mélanine et moi، النشرة الإخبارية للدار، مع خصم 10 % على الطلب الأول. تظهر مرة واحدة.

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

تسعون يومًا من الرسائل

من الطلب حتى اليوم 90، يكتب المتجر لكل عميلة: ما بداخل الكيس، أول صورة تلتقطها، محطات المتابعة، وهدية في عيد ميلادها.

على الهاتف

سبع شاشات وإبهام واحد.

The home page of the JAYA Paris store on a phone
الرئيسية
The MelaGlow product page on a phone
المنتج
The brand page on a phone
العلامة
The ingredients page on a phone
المكونات
The questions and answers on a phone
الأسئلة الشائعة
The Ma mélanine et moi page on a phone
النشرة الإخبارية
القائمة مفتوحة على الهاتف
القائمة
تحسين محركات البحث والسرعة

مصمَّم ليُعثر عليه.

مكتوب لمحركات البحث بقدر ما هو مكتوب للناس: العناوين، والأوصاف، والبنية، وكل صورة موصوفة.

معاينة نتيجة البحث
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.

  • عنوان ووصف في كل صفحة5/5
  • عنوان H1 واحد في كل صفحة✓
  • رابط أساسي (canonical) في كل صفحة✓
  • Open Graph وبطاقات المشاركة✓
  • بيانات منظَّمةBreadcrumbList, FAQPage, ItemPage, Organization, Product, WebPage, WebSite
  • اللغة مُعلنةfr-FR
  • عرض متوافق مع الهاتف✓
  • خريطة الموقع وملف robots.txt✓
  • صور موصوفة بنص بديل28/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 لموقع jaya-paris.fr على الهاتف: الأداء 90، سهولة الوصول 100، أفضل الممارسات 100، SEO 100
Google PageSpeed Insights لموقع jaya-paris.fr على الكمبيوتر: الأداء 93، سهولة الوصول 100، أفضل الممارسات 100، SEO 100
الفريق
العميل
JAYA Paris
التصميم والبرمجة
D/A Creative
المنصة
WordPress, WooCommerce and Elementor
الكود
PHP وJavaScript وCSS وGLSL، مكتوبة من الصفر
الخطوط
Archivo · Montserrat
السنة
2026
الموقع المنشور
jaya-paris.fr
مشروعك

تريد متجرًا مبنيًا مثل هذا؟

JAYA Paris: تصميم موقع إلكتروني، تغذية الجمال – D/A Creative، وكالة رقمية في المغرب المشروع التاليDar Inou