موقع الاستوديو ومكتبة القوالب
Admix Lab
يجمع هذا المشروع الموقع العام لاستوديو Admix Lab الذي أسسته في دبي، وأدوات مبيعاته، ومنتجه الخاص. صممتها وبنيتها جميعًا: موقع ثنائي اللغة على Next.js 16 يضم دراسات حالة ومجدول اجتماعات، ومكتبة قوالب يجربها العملاء المحتملون قبل أي مكالمة، وAdmix Flow، نظام CRM للحجوزات ما زال قيد التطوير.
- العميل
- Admix Lab FZE LLC
- السنة
- 2025–2026
- الدور
- المؤسس ومسؤول التصميم والتطوير
- الحالة
- قيد التشغيل
- المنصّات
- موقع الاستوديو، مكتبة القوالب، Admix Flow


العملاء المحتملون. الموقع العام لاستوديو Admix Lab بالعربية والإنجليزية: الخدمات ومنتجات الاستوديو ودراسات الحالة، ومجدول لحجز مكالمة.
- موقع بالعربية والإنجليزية على Next.js 16 يضم دراسات حالة وصفحات منتجات ومجدول اجتماعات مدمجًا
- 14 قالبًا لقطاعات مختلفة، لكل منها موقع ولوحة إدارة وثلاثة أنماط بصرية، ومعها 13 حزمة هوية
- حزمة إطلاق مبنية بالكود: منشورات ثنائية اللغة لمنصات التواصل ومقاطع ريلز عبر Remotion، برموز تصميم الموقع نفسها
التحدي
احتاجت Admix Lab إلى موقع يقدمها بوصفها استوديو لبناء المنتجات، لا وكالة تقليدية. وكان على الموقع أن يعمل بالعربية والإنجليزية منذ اليوم الأول، وأن يكون سريعًا، وأن يضم دراسات حالة العملاء ومنتجات الاستوديو وطريقة بسيطة لحجز مكالمة.
وخلف ذلك مشكلتان في المبيعات: يصعب على أصحاب الأعمال الصغيرة الحكم على موقع من عرض تقديمي أو تصميم ثابت، وكل إطلاق يحتاج إلى مواد للتواصل الاجتماعي والمبيعات بلغة بصرية واحدة، دون مسار تصميم منفصل لكل قناة.
النهج
أعدت بناء admixlab.com على Next.js 16 وReact 19 حول نظام تصميم موثق: رموز الألوان، وثنائية الخطين Geist وFraunces، ومنحنيات الحركة، ومواصفات المكونات. تتشارك العربية والإنجليزية قاموس ترجمة واحدًا، وينعكس كل تخطيط في العربية للقراءة من اليمين إلى اليسار.
وبدلًا من أداة حجز خارجية، بنيت المجدول بنفسي: واجهات API لعرض المواعيد المتاحة وتسجيل الحجز، ومواعيد محفوظة في Postgres عبر Prisma مع قيد في قاعدة البيانات يمنع حجز الوقت نفسه مرتين، ورسائل تأكيد بالعربية أو الإنجليزية عبر Resend.
تلتزم القوالب الأربعة عشر بمواصفات موحدة: علامة تجارية افتراضية، وثلاثة أنماط بالضبط، والعربية والإنجليزية في كل صفحة. أما حزمة الإطلاق فتنتج منشورات Instagram وقصصه وأغلفة الريلز من HTML، ومقاطع الريلز نفسها من Remotion، وكلها برموز تصميم الموقع نفسها، فتخرج كل مادة جديدة من فريق Admix Lab منسجمة مع الهوية.
الأثر
موقع admixlab.com متاح الآن بالعربية والإنجليزية، مع فهرس قابل للتصفية يضم 9 دراسات حالة، وصفحات للمنتجات، ومسار حجز مدمج في الموقع.
القوالب الأربعة عشر متاحة مع معرضها على admixlab.com/templates. يستطيع العميل المحتمل أن يجرب موقعًا يعمل ولوحة إدارته قبل الاجتماع الأول، ولدى Admix Lab نقطة انطلاق جاهزة لمشاريع العملاء.
أما Admix Flow فما زال قيد التطوير. تغطي نسخة ديسمبر 2025 الحجوزات والمدفوعات عبر Stripe والفواتير وأداة لبناء موقع كل نشاط تجاري، وصفحة المنتج متاحة الآن على admixlab.com.
العملاء المحتملون
موقع الاستوديو
الموقع العام لاستوديو Admix Lab بالعربية والإنجليزية: الخدمات ومنتجات الاستوديو ودراسات الحالة، ومجدول لحجز مكالمة.
- الموقع بالعربية والإنجليزية، وتخطيطاته تنعكس للقراءة من اليمين إلى اليسار
- مجدول اجتماعات مدمج بتوقيت دبي، يستثني الجمعة والسبت ولا يسمح بحجز الموعد نفسه مرتين
- رسالة تأكيد بالبريد الإلكتروني باللغة التي حجز بها الزائر (العربية أو الإنجليزية)، وإشعار للفريق، ويتولى Resend إرسالهما
- فهرس قابل للتصفية يضم 9 دراسات حالة، إلى جانب صفحات لمنتجات الاستوديو


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






أصحاب الأعمال
Admix Flow
قيد التطوير. نظام CRM للحجوزات من Admix Lab يجمع الحجوزات والعملاء والموظفين والمدفوعات وموقع النشاط التجاري في لوحة واحدة. المعروض هنا نسخة ديسمبر 2025 ببيانات اختبار.
- نظرة عامة لصاحب النشاط مع «شاشة مالية»: إيرادات اليوم وآخر 7 أيام والشهر الحالي، والحجوزات المدفوعة مقابل غير المدفوعة
- الحجوزات والعملاء والخدمات والموظفون والفواتير والاشتراكات في قائمة تنقل واحدة
- صفحة حجز عامة تستقبل المدفوعات عبر Stripe، وعند نجاح الدفع يؤكد webhook موقّع رقميًا الحجز
- لكل نشاط تجاري على المنصة موقعه الخاص، بصفحاته ونطاقه ونمطه وإعدادات SEO


التقنيات
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS v4
- Prisma
- PostgreSQL
- Resend
- Remotion
- HTML, CSS and vanilla JavaScript
- Vercel
التكاملات
- Resend
- Vercel Analytics