The Interior Studio
- الدور
- ثلاثي الأبعاد•ويب•تطوير•أنظمة
- أُنجز بـ
- ثلاثي الأبعاد•React•Vite•Three.js•Node.js•Electron
- القدرات
- الاستوديو ثلاثي الأبعاد•المتجر الإلكتروني•تطبيق Bureau لنظام Windows•خادم مشترك واحد


يجمع The Interior Studio بين تهيئة المساحات الداخلية بتقنية ثلاثية الأبعاد، وبيع منتجات حقيقية، وإدارة النشاط التجاري، في نظام رقمي واحد متّصل.
مساحة تتخيّلها. ونظام يجعلها حقيقة.
ماذا لو استطاع العملاء أن يروا كيف سيغيّر منتجٌ ما منزلهم قبل أن يشتروه؟
يستكشف العملاء المنتجات داخل مساحة واقعية، ويخصّصون اختياراتهم، ويحسبون الكميات، وينتقلون مباشرةً إلى الشراء. وخلف هذه التجربة، يدير النشاط التجاري كتالوجه ومخزونه وطلباته من خلال تطبيق مخصّص.
هذا أكثر من مجرّد أداة تهيئة ثلاثية الأبعاد. إنه تجربة تجارة متّصلة، بُنيت حول الطريقة التي يختار بها الناس منتجاتهم، والطريقة التي تعمل بها الشركات فعلًا.
نظام واحد، ثلاثة أجزاء.
- 01الاستوديو ثلاثي الأبعاديهيّئ العملاء مساحتهم بمنتجات المتجر الحقيقية، ثم يرسلون النتيجة إلى السلة.
- 02المتجر الإلكترونيكتالوجات المنتجات، وصفحات المنتجات، والتشطيبات، وسلة التسوّق، وتتبّع الطلبات، والشراء.
- 03Bureauتطبيق Windows الذي يستخدمه المتجر لإدارة المنتجات والمخزون والطلبات والعملاء.
رؤية المنتج في مكانه.
قد تُظهر صورة المنتج شكله. لكنها لا تُظهر دائمًا ما إذا كان يناسب غرفتك.
يتيح The Interior Studio للعملاء تجربة منتجات حقيقية داخل تمثيل ثلاثي الأبعاد لمساحتهم. يمكنهم تغيير تشطيبات الجدران، ومقارنة الألوان، ووضع الإضاءة، والجمع بين منتجات الحمّام قبل اتخاذ القرار.
كل اختيار صُمّم ليجيب عن سؤال عملي. هل يتناسب هذا التشطيب مع بقية الغرفة؟ هل تناسب هذه الإضاءة الجدار؟ هل تتلاءم وحدة المغسلة هذه مع المرآة؟
والنتيجة طريقة أكثر وعيًا في الاختيار، انطلاقًا من المساحة التي يريد العميل تحويلها.

الغرفة
من غرفة فارغة إلى تصميم مدروس.
يبدأ العملاء بغرفة ويعدّلون العناصر المهمّة لمشروعهم. يمكنهم تخصيص كل جدار على حدة، وتطبيق الطلاء أو ورق الجدران، وتجربة ارتفاعات مختلفة للبلاط، وإضافة الإطارات الزخرفية أو إزالتها.





نهارًا ومساءً.
يمكن وضع الإضاءة على الجدران، مع خيارات لعدد وحدات الإنارة وترتيبها ودرجة حرارة لونها وشدّتها. ويقارن العملاء بين أجواء النهار والمساء، ويرون كيف تؤثّر المنتجات المختارة في الغرفة.


الحمّامات
المساحة تمنح السياق.
في الحمّام، يجمع العملاء بين وحدات المغاسل والمرايا المطابقة لها والتشطيبات وغيرها من المنتجات المتاحة. وتركّز التجربة على المنتجات التي يبيعها المتجر فعلًا، بدل ملء المشهد بمنتجات عامة تشبهها.
وتبقى المنتجات في قلب التجربة.


منتجات حقيقية. أبعاد حقيقية. قرارات أكثر ثقة.
لا تكون التجربة البصرية المقنعة مفيدة إلا إذا مثّلت المنتج بدقّة.
تستخدم المنتجات في الاستوديو أبعادها الحقيقية ونماذج ثلاثية الأبعاد معتمدة. وتطابق التشطيبات المتاحة كتالوج المنتجات، ما يتيح للعملاء استكشاف الخيارات التي يقدّمها المتجر.
صُمّمت الإضاءة والمواد والانعكاسات والظلال لتجعل النتيجة أوضح وأكثر إفادة، مع الحفاظ على الهوية البصرية للمنتجات المختارة.
الهدف ليس مجرّد صورة جذّابة، بل مساعدة العملاء على فهم ما يختارونه قبل أن يطلبوه.

من التهيئة إلى إتمام الطلب
يصبح التصميم أكثر فائدة حين يقود مباشرةً إلى الشراء.
يحسب الاستوديو كميات المنتجات المهيّأة وأسعارها، ويعرضها في ملخّص للمشروع. يراجع العملاء اختياراتهم ويضيفون المنتجات الناتجة إلى سلة التسوّق.
تصل التجربة بين اكتشاف المنتجات وتهيئتها وحساب الكميات والشراء في مسار واحد. فلا يحتاج العملاء إلى التعامل مع التصميم البصري كتمرين منفصل عن التسوّق.
يتشارك المتجر والاستوديو معلومات المنتجات نفسها، ما يحافظ على الاتساق بين ما يهيّئه العملاء وما يمكنهم طلبه.



المتجر الإلكتروني
أكثر من تجربة ثلاثية الأبعاد.
الاستوديو جزء من نظام تجاري أوسع.
يوفّر المتجر الإلكتروني كتالوجات المنتجات، وصفحاتها، والتشطيبات المتاحة، وسلّات التسوّق، وتتبّع الطلبات، وخيارات الشراء. ويمكن للعملاء تصفّح المنتجات مباشرةً، أو فتح الاستوديو بمنتج مختار موضوع مسبقًا في غرفة.
أما ورق الجدران، فتفتح صفحة المنتج الاستوديو والنقشة موضوعة مسبقًا على جدار، ويُحسب عدد اللفائف والسعر لذلك الجدار. وقد بُنيت أيضًا أداة مستقلة تعاين النقشة على صورة لغرفة العميل، يجري فيها اكتشاف الجدران داخل المتصفّح فلا تُرفع الصورة أبدًا، لكنها لم تُفعَّل بعد.
وهكذا يختار كل عميل التجربة التي تناسبه. فبعضهم يهيّئ مساحة كاملة، وآخرون يعاينون منتجًا واحدًا، أو يذهبون مباشرةً إلى صفحة المنتج ويشترون.





نظام واحد للعملاء وللنشاط التجاري.
تتطلّب تجربة العملاء المتّصلة نظامًا تشغيليًا متّصلًا.
يستند The Interior Studio إلى Bureau، وهو تطبيق Windows مخصّص يستخدمه المتجر لإدارة المعلومات والعمليات التي تقف خلف التجربة الإلكترونية.
يدير Bureau تفاصيل المنتجات وألوانها وأبعادها ونماذجها ثلاثية الأبعاد، وفئات الكتالوج، والمخزون، وعمليات الصندوق، والطلبات، والعملاء، وإعدادات المتجر. كما يدعم معالجة الطلبات، والفواتير، ومتابعة العملاء، وتتبّع الصيانة للمنتجات المعنية.
يتواصل المتجر الإلكتروني وBureau مع الخادم نفسه. فلا تُحفظ معلومات المنتجات والمخزون في نسختين منفصلتين، واحدة للموقع وأخرى للمحل.
هذا الأساس المشترك يصل تجربة العملاء بالعمل اليومي للنشاط التجاري.
مصمَّم حول عمليات البيع الحقيقية.
تعكس تجربة الشراء الطريقة التي يخدم بها المتجر عملاءه.
يمكن للعملاء الطلب مع الدفع عند الاستلام أو بالتحويل البنكي. ويمكن للمتجر تأكيد الطلبات المدفوعة عند الاستلام قبل متابعتها، ما يمنع الطلبات غير المؤكَّدة من حجز المخزون إلى أجل غير مسمّى. وتُلغى الطلبات غير المؤكَّدة تلقائيًا، ويُحرَّر مخزونها المحجوز.
كما يدعم النظام تحديث حالة الطلبات، وإشعار العملاء بالبريد الإلكتروني، وأكواد الخصم، وتنبيهات توفّر المخزون.
الدفع بالبطاقة ومراسلة WhatsApp الرسمية جاهزان للدمج، رهنًا بالاتفاقيات والصلاحيات الخارجية اللازمة.
والهدف تجربة رقمية عملية، للعملاء وللفريق الذي يجهّز طلباتهم على حدّ سواء.



مبني كمنتج متّصل.
تقوم البنية على مبدأ واحد: أن تعمل تجربة العملاء وعمليات النشاط التجاري انطلاقًا من المعلومات نفسها.
يستخدم المتجر الإلكتروني والاستوديو ثلاثي الأبعاد React وVite وThree.js. أما Bureau فهو تطبيق Windows مبني بـ Electron. ويوفّر خادم Node.js وExpress الواجهة البرمجية المشتركة للموقع ولتطبيق الإدارة.
تمرّ معلومات المنتجات والأسعار وحجوزات المخزون والطلبات عبر الخادم. وبذلك تبقى قواعد العمل المهمّة في مكان واحد، بدل الاعتماد على حسابات منفصلة في المتصفّح.
تُنشأ نماذج المنتجات في Blender وتُصدَّر للاستخدام على الويب. وتُراجَع أبعادها كي يبقى التمثيل البصري مطابقًا للمنتج الفعلي.
ويتضمّن النظام أيضًا اختبارات آلية، وتحديثات مضبوطة للتطبيق، ونسخًا احتياطية محلية مجدولة. وتبقى ضمانات تشغيلية إضافية، منها نسخة احتياطية خارج الخادم، ضمن خطة التطوير.
الأداء جزء من التجربة.
يجب أن يبقى المشهد ثلاثي الأبعاد المفصّل قابلًا للاستخدام على الأجهزة العادية.
يعتمد الاستوديو على تحسينات في العرض تقلّل العمل غير الضروري، منها ضبط دقّة العرض أثناء تنقّل العميل في الغرفة، وتجنّب كلفة عرض الأضواء المُطفأة.
وأظهرت الاختبارات المقيسة تحسّن زمن الإطار من نحو 22 إلى 34 ملّي ثانية إلى ما بين 12 و20 ملّي ثانية في المشهد المسائي المختبَر بعد التحسين.
على الهاتف، تتكيّف التجربة مع الشاشة الصغيرة. تشغل الغرفة مساحة العرض الرئيسية، وتبقى المنتجات في متناول اليد ضمن واجهة تصفّح مدمجة.
الجودة البصرية مهمّة، وكذلك سهولة استخدام التجربة وراحتها.



مبني على مراجع حقيقية، لا على تقريبات عامة.
تُنشأ نماذج المنتجات انطلاقًا من مراجع يوفّرها المتجر، منها مشاهد متعدّدة والأبعاد، والصور عند الحاجة.
يُراجَع كل نموذج مقارنةً بالمنتج الحقيقي قبل ربطه بالكتالوج. وحين تكشف صورة عن تفصيل غير واضح في الرسوم المرجعية، تكون الأولوية للمنتج الفعلي.
جرى تقييم التوليد الآلي للنماذج خلال التطوير، ثم استُبعد حين لم تُعِد نتائجه إنتاج المنتجات الأصلية بدقّة كافية.
تتطلّب هذه الطريقة عناية أكبر، لكنها تحفظ الصلة بين التمثيل الرقمي والمنتج الذي سيستلمه العميل فعلًا.
أساس قابل للنمو.
بُني النظام كي تتّسع التجربة كلّما أضاف المتجر منتجات وفئات جديدة.
يضمّ الاستوديو الحالي عدّة أنواع من الغرف السكنية، ويدعم فئات المنتجات المتاحة مثل الإضاءة وورق الجدران والأدوات الصحية. ويمكن فتح غرف وفئات إضافية حين تصبح منتجاتها وتهيئاتها جاهزة.
ويمكن للنهج نفسه أن يشمل مستقبلًا اختيار الطلاء، والمساحات الخارجية، والبيئات المهنية مثل المقاهي والمطاعم والمحلات والمكاتب. وهذه توسّعات مستقبلية، لا قدرات متاحة اليوم.
كما صُمّم Bureau ليُتاح بترخيص لتجّار آخرين، بحيث يتطوّر النموذج المتّصل — المتجر والاستوديو والإدارة — إلى منتج يخدم أكثر من نشاط تجاري واحد.

تجربة واحدة متّصلة.
يجمع The Interior Studio الجوانب البصرية والتجارية والتشغيلية لنشاط البيع بالتجزئة.
يرى العملاء المنتجات في سياقها، ويستكشفون الخيارات، ويحسبون اختياراتهم، ويتقدّمون نحو الشراء. ويدير المتجر المنتجات والطلبات التي ترافق هذا المسار من خلال نظام تشغيلي واحد متّصل.
الطموح بسيط: مساعدة الناس على اتخاذ قرارات أفضل بشأن المساحات التي يريدون تحويلها، مع منح النشاط التجاري الأدوات التي تحوّل هذه القرارات إلى طلبات حقيقية.
صمّمته Norvy. وبُني ليصل التجربة بالنشاط التجاري الذي يقف خلفها.


