انتقل إلى المحتوى
كل الأعمال

موقع الاستوديو ومكتبة القوالب

Admix Lab

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

العميل
Admix Lab FZE LLC
السنة
2025–2026
الدور
المؤسس ومسؤول التصميم والتطوير
الحالة
قيد التشغيل
المنصّات
موقع الاستوديو، مكتبة القوالب، Admix Flow
الصفحة الرئيسية لموقع Admix Lab على شاشة حاسوب: العنوان بالإنجليزية ومعناه «نبني برمجيات تنمّي الأعمال»، وإلى جانبه مجموعة من البطاقات الزجاجية الداكنة المصممة بالكود
الصفحة الرئيسية لموقع Admix Lab على الهاتف: العنوان نفسه، وتحته زر لاستعراض المنتجات وآخر للتواصل

العملاء المحتملون. الموقع العام لاستوديو 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 دراسات حالة، إلى جانب صفحات لمنتجات الاستوديو
الصفحة الرئيسية بالعربية على شاشة حاسوب: تخطيط معكوس للقراءة من اليمين إلى اليسار، والعنوان العربي على اليمين والبطاقات الزجاجية على اليسار، وشريط بأسماء العملاء في الأسفل
الصفحة الرئيسية بالعربية، بتخطيط معكوس للقراءة من اليمين إلى اليسار.
صفحة التواصل وقد فُتحت فيها نافذة حجز الاجتماع على الخطوة الأولى من ثلاث: تقويم شهري بتوقيت دبي تظهر فيه أيام الجمعة والسبت غير متاحة
المجدول المدمج، الخطوة 1 من 3: اختيار اليوم. المواعيد بتوقيت دبي، والجمعة والسبت عطلة.

العملاء المحتملون قبل الاجتماع الأول

مكتبة القوالب

قوالب جاهزة تغطي 14 قطاعًا، يتصفحها العميل المحتمل قبل أن نلتقي: لكل قالب موقع ولوحة إدارة وثلاثة أنماط بصرية، بالعربية والإنجليزية. كل الأسماء والأرقام فيها افتراضية.

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

أصحاب الأعمال

Admix Flow

قيد التطوير. نظام CRM للحجوزات من Admix Lab يجمع الحجوزات والعملاء والموظفين والمدفوعات وموقع النشاط التجاري في لوحة واحدة. المعروض هنا نسخة ديسمبر 2025 ببيانات اختبار.

  • نظرة عامة لصاحب النشاط مع «شاشة مالية»: إيرادات اليوم وآخر 7 أيام والشهر الحالي، والحجوزات المدفوعة مقابل غير المدفوعة
  • الحجوزات والعملاء والخدمات والموظفون والفواتير والاشتراكات في قائمة تنقل واحدة
  • صفحة حجز عامة تستقبل المدفوعات عبر Stripe، وعند نجاح الدفع يؤكد webhook موقّع رقميًا الحجز
  • لكل نشاط تجاري على المنصة موقعه الخاص، بصفحاته ونطاقه ونمطه وإعدادات SEO
صفحة منتج Admix Flow على admixlab.com: عنوان يصفه بأنه نظام تشغيل للأعمال الحديثة، وزر لطلب عرض توضيحي، ومعاينة للوحة نظام الحجوزات
صفحة المنتج متاحة الآن، أما المنصة نفسها فما زالت قيد التطوير.
قسم خارطة الطريق بخمس مراحل: V1 الحجوزات والمواقع، وV2 الأنماط والتجارة الإلكترونية، وV3 توحيد الرسائل والتسويق، وV4 الأتمتة بالذكاء الاصطناعي ومسارات العمل الذكية، وV5 المؤسسات وتعدد الفروع
خارطة الطريق المعلنة من V1 إلى V5. لم تُطلق المنصة للعامة بعد.

التقنيات

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS v4
  • Prisma
  • PostgreSQL
  • Resend
  • Remotion
  • HTML, CSS and vanilla JavaScript
  • Vercel

التكاملات

  • Resend
  • Vercel Analytics