التجارة الإلكترونية للعطور موقع ويب
متجر عطور إلكتروني بلغتين يبدأ من اكتشاف الرائحة
متجر عطور بالعربية والإنجليزية للسوق الإماراتي، يربط اكتشاف الروائح وخيارات المنتج والدفع بالبطاقة بأدوات إدارة المتجر اليومية.
- العميل
- Orvan Perfume
- الموقع
- الإمارات العربية المتحدة
- المنصّة
- موقع ويب
- نوع المشروع
- مشروع لعميل
- مباشر
- orvan.ae
(✦) — باختصار: Orvan Perfume
أورفان للعطور (Orvan Perfume) علامة عطور تخدم المتسوقين في الإمارات العربية المتحدة. بنت NxFold متجرًا إلكترونيًا بالعربية والإنجليزية يجمع عرض العطور ورحلة شراء عملية: استكشاف النوتات العطرية، والبحث في الكتالوج وتصفيته، ومراجعة الأحجام والتوفّر، ثم الانتقال من سلة محفوظة إلى إتمام الشراء كضيف. يعتمد المتجر على Next.js وTypeScript، ويتضمن قواعد للتوصيل داخل الإمارات ودفعًا بالبطاقة عبر Stripe، وأدوات للفريق لإدارة المنتجات والمخزون والطلبات والعروض والفواتير. العربية هي اللغة الافتراضية للواجهة، مع محتوى وتخطيط يناسبان اتجاه القراءة في كل لغة.
01 — المشكلة وراء Orvan Perfume
اختيار عطر عبر الإنترنت يعني اتخاذ قرار بشأن رائحة لا يستطيع المشتري تجربتها. لذلك تحتاج صور العبوات إلى معلومات تساعد على المقارنة: النوتات العطرية، ونوع المنتج، والحجم، والسعر والتوفّر. وفي أورفان امتد تحدّي التصميم إلى ما بعد صفحة المنتج؛ احتاج المتسوق بالعربية أو الإنجليزية إلى مسار واضح لإتمام الشراء، واحتاج الفريق إلى إدارة الكتالوج والمخزون اللذين تعتمد عليهما الواجهة. كان المطلوب جمع حضور العلامة وتجربة التسوق وأدوات التشغيل في بناء واحد.
02 — استراتيجيتنا لـ Orvan Perfume
تحديد وظيفة واضحة لكل خطوة. تقدّم الصفحة الرئيسية العطور بصور المنتجات والعناصر البصرية التي وفرتها العلامة. ويساعد الكتالوج على تضييق الخيارات بالبحث والفئات والترتيب، ثم تشرح صفحة المنتج الرائحة والخيارات المتاحة قبل طلب الشراء. تنتقل الاختيارات إلى سلة محفوظة ومسار شراء كضيف، مع إظهار خيارات التوصيل والإجمالي قبل الدفع. تبدأ التجربة بالعربية، ويجد المتسوق بالإنجليزية مسارًا مكتملًا بالمحتوى والوظائف نفسها.
03 — ما الذي بنيناه لـ Orvan Perfume
طوّرنا واجهة متجاوبة باستخدام Next.js، بمسارات للعطور ومعطرات الجسم والعود المعطر والدهون والمخلطات. تجمع صفحات المنتجات الصور والنوتات العطرية المتاحة واختيار الحجم والسعر بالدرهم وإمكانية الشراء بحسب المخزون. تحتفظ السلة بالاختيارات بين الزيارات، ويحسب الخادم الأسعار والتوصيل داخل الإمارات قبل الانتقال إلى Stripe. وتتيح أدوات الفريق إدارة محتوى الكتالوج والخيارات والمخزون والطلبات والعروض والتوصيل والفواتير المرقّمة. تدعم صفحات المنتجات بيانات وصفية وروابط أساسية وبدائل لغوية وبيانات منظّمة من نوع Product وOffer، مع روابط مستقلة للفئات والمجموعات.
(✦) — ما الذي سلّمناه في Orvan Perfume
- واجهتا متجر بالعربية والإنجليزية، باتجاه قراءة وخطوط وتنقل ومحتوى لإتمام الشراء يناسب كل لغة.
- كتالوج عطور يتيح البحث والتصفية بالفئة والترتيب بالسعر، مع روابط مستقلة للمنتجات والفئات والمجموعات.
- صور المنتجات والنوتات العطرية المتاحة والأحجام والأسعار بالدرهم والتوفّر المرتبط بخيارات المنتج.
- سلة محفوظة وشراء كضيف، مع حساب الإجمالي والخصومات وقواعد التوصيل داخل الإمارات على الخادم.
- ربط الدفع بالبطاقة عبر Stripe ومعالجة إشعارات الدفع، مع حجز المخزون ضمن مسار الطلب.
- أدوات للفريق لإدارة المنتجات والخيارات والمخزون والطلبات والعملاء والعروض والتوصيل وفواتير مرقّمة تدعم PDF.
- بيانات وصفية وروابط أساسية وبدائل لغوية وبيانات Product وOffer منظّمة لصفحات المنتجات، مع إعداد خريطة الموقع وrobots.
- تطبيق العناصر البصرية التي وفرتها أورفان على واجهة متجاوبة، مع روابط دعم عبر الهاتف وواتساب.
(✦) — ما يقدمه المتجر
- العربية والإنجليزية
- واجهة التسوق وإتمام الشراء
- اكتشاف الروائح
- النوتات والخيارات والتوفّر
- تشغيل مترابط
- الكتالوج والطلبات والفواتير
(✦) — التقنيات وراء Orvan Perfume
6
التقنيات
- Next.js
- TypeScript
- Tailwind CSS
- PostgreSQL
- Stripe
- Vercel
04 — نتيجة Orvan Perfume
أصبح لأورفان متجر منشور ينتقل فيه الزائر من استكشاف العطر إلى مراجعة الطلب بالعربية أو الإنجليزية. تترابط معلومات المنتج والتوفّر والسلة ورسوم التوصيل في رحلة واحدة، مع إتاحة الدفع بالبطاقة والوصول إلى الدعم عبر واتساب. ولدى فريق المتجر أدوات لتحديث المنتجات ومعالجة الطلبات خلف هذه التجربة. النتيجة الموثّقة هنا هي المتجر ومسار تشغيله؛ أما نمو المبيعات والتحويل والظهور في البحث فيحتاج إلى قياس مستقل يستند إلى سجلات المتجر الفعلية.
(✦) — ما الذي يثبته هذا المشروع
يوضح أورفان خبرة NxFold في بناء متاجر عطور إلكترونية ثنائية اللغة للسوق الإماراتي، تجمع عرض الروائح والمنتجات وتخطيط العربية من اليمين إلى اليسار والدفع بالبطاقة وأدوات إدارة الكتالوج والطلبات.
(✦) — الأسئلة الشائعة
Orvan Perfume: أسئلة، بإجابات.
ما الذي يميّز تصميم متجر عطور إلكتروني عن متجر منتجات عام؟
تساعد صفحة المنتج المشتري على تقييم رائحة عن بُعد. يجمع أورفان النوتات العطرية وصور العبوات والأحجام والتوفّر، ليكون القرار مبنيًا على معلومات تتجاوز الاسم والسعر. وتحتاج الدهون والعود المعطر ومعطرات الجسم أيضًا إلى معلومات وفئات تناسب طبيعة كل منتج.
هل يدعم أورفان التسوق وإتمام الشراء بالعربية؟
نعم. العربية هي اللغة الافتراضية للمتجر، وتتوفر نسخة إنجليزية. يشمل المحتوى المترجم التنقل ومعلومات المنتجات والسلة وإتمام الشراء، مع تخطيط من اليمين إلى اليسار للعربية ومن اليسار إلى اليمين للإنجليزية.
ما نطاق الدفع والتوصيل الذي يوضحه هذا المشروع؟
يتيح المتجر المنشور الدفع بالبطاقة عبر Stripe والتوصيل داخل الإمارات، بقواعد توصيل مستقلة للمنطقة الغربية. تصف الدراسة رحلة التسوق المتاحة؛ ويعتمد اختيار طرق الدفع ونطاق التوصيل لمتجر آخر على حسابات التاجر وطريقة تشغيله.
هل يستطيع الفريق إدارة المتجر بعد الإطلاق؟
يتضمن البناء أدوات لإدارة محتوى المنتجات والخيارات والمخزون والطلبات والعروض وإعدادات التوصيل والفواتير. يبدأ أي مشروع مماثل بتحديد من يحدّث كل جزء من الكتالوج، وما الخطوات المطلوبة بعد أن يرسل العميل طلبه.
(✦) — هل أنت مستعد للبدء؟
لنبني منتجك الرقمي التالي في الإمارات.
موقع إلكتروني، منصة تجارة إلكترونية، أو تطبيق جوّال — مبني بكود مخصص ومُركَّز على التحويل ومُسلَّم في الوقت المحدد.
(✦) — الخدمات وراء هذا العمل
(✦) — أعمال ذات صلة
