داخل مختبري: كيف أمنح Misclo الحياة.فيلم قصير دون صوت · مشهد متحرك للعلامة

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

التنفيذ · مواقع غامرة وثلاثية الأبعاد

موقع يُعاش كفيلم، ويقود الزائر إلى حجز مكالمة.

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

أدرت أكثر من 45 مشروعًا رقميًا، وقدت فريقًا من 12 مطوّرًا. اليوم أعمل والذكاء الاصطناعي هو فريقي، وترى كل نسخة قبل أن تستبدل سابقتها.

اطّلع على الأعمال

يبدأ التنفيذ من ‏1,600 US$، بسعر ثابت يحدده ملخص مكتوب. تستغرق المكالمة 15 دقيقة على Cal.com، وتخرج منها بخطوة تالية واضحة.

لماذا يغادر الزوار معظم المواقع سريعًا

عرضك مميز. لكن موقعك يشبه الجميع.

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

اسحب للمقارنة. يسارًا: رسم لقالب عام. يمينًا: صفحة Misclo الرئيسية في بيئة الاختبار، وهو تطبيقي قيد التطوير، بشخصيات مولّدة بالذكاء الاصطناعي. ليست مقارنة قبل وبعد لعميل.
  1. مشكلة القالب العام.

    يستخدم موقعك نفس التصميم والصور المخزنة وثلاث بطاقات ميزات مثل منافسيك. لا يستطيع الزائر معرفة ما الذي يجعلك مختلفًا، لذلك لا يبقى لفترة كافية لمعرفة ذلك.

  2. مشكلة الواجهة المبهرة الثقيلة.

    تكلف معظم مواقع الويب "المذهلة" ميزانية الوكالة وأشهر العمل. ثم يتوقفون عند الهاتف ويتجاهلون إعدادات الحركة المنخفضة ويخفيون الزر المهم.

  3. مشكلة الموقع الجميل الذي لا يحقق شيئًا.

    الموقع يبدو جيدا ولا يفعل شيئا. الحجز غير متصل، ولا يوجد التقاط للعملاء المحتملين ولا تحليلات، لذلك ليس لديك أي فكرة عن الصفحة التي تعمل بالفعل.

كيف أبني

تخصصات وكالة، بإدارة شخص مسؤول واحد.

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

  1. قرارك
  2. ملخّص المشروع
  3. ممرات الذكاء الاصطناعي
    • الإستراتيجية
    • تجربة المستخدم
    • كتابة المحتوى
    • واجهة المستخدم
    • 3D/Motion
    • ضمان الجودة
  4. الفحوصات الآلية
  5. موافقتك
  6. الإصدار التاليالاحتفاظ بالنسخة السابقة للتراجع عند الحاجة

إليك ما يتغير بالنسبة لك:

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

ما ينتج عن مرحلة التخطيط

أول ما تتلقاه مني مستند يحدد المشروع، لا لوحة إلهام.

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

مثال خياليbuild-brief.txt
ملخص البناء (مثال خيالي، وليس عميل حقيقي)
العميل:Tidewater Pilates Studio (خيالي)
الزائر:نساء تتراوح أعمارهن بين 30 و55 عامًا في مكان قريب، يقارنن بين ثلاثة استوديوهات عبر الهاتف
إجراء واحد:احجز فصلًا تمهيديًا مجانيًا
التوقيع:قصة التمرير: فئة واحدة من الوصول إلى الامتداد،روى في 5 إطارات؛ اللقطات الملصقة على حركة منخفضة
الصفحات (5):الصفحة الرئيسية · الصفوف · المعلمون · التسعير · الكتاب
قابل للتحرير:أوقات الفصل الدراسي، والأسعار، والسير الذاتية للمعلم، والأسئلة الشائعة (تعديلات المالكفي نظام إدارة المحتوى القائم على git؛ أي اشتراك على حساب المالك)
ميزانية الأداء (الأهداف، هاتف متوسط المدى على 4G):LCP <= 2.5 ثانية · CLS < 0.1 في كل صفحةملصق البطل <= 150 كيلو بايت (WebP)فيلم الهاتف <= 4 ميجابايت، يتم جلبه بعد الأول فقطالتفاعل أو المتصفح خاملاً؛ أبدا على حفظ البياناتالأصول ثلاثية الأبعاد: glTF + Draco/KTX2، إجمالي <= 3 ميجابايت
الأسلاك:تقويم الحجز ← بريد التأكيد الإلكتروني ← علامة studio CRM
اختبارات القبول (المتفق عليها قبل البناء):
خارج النطاق:متجر على الإنترنت، تسجيل دخول الأعضاء
مثال خيالي للتوضيح. جميع الأرقام هي أهداف نموذجية، وليست نتائج مقاسة. يتم كتابة ملخصك معك بعد المكالمة.

أدلة من المختبر

لا تكتفِ بكلامي. اطّلع على العمل.

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

الصفحة التي تقرأها الإصدار 1 · نوفمبر 2026

هذا الموقع

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

  • ويب
  • فيلم
  • الذكاء الاصطناعي
  • الأداء

قبل الذكاء الاصطناعي: سنوات الوكالة

المنصات والأكاديميات والتكاملات

قبل أن يصبح الذكاء الاصطناعي فريقي، قمت بالبناء مع الناس. باعتباري مديرًا للتكنولوجيا في وكالة تسويق أمريكية، قام فريقي بتسليم وصيانة أكثر من 28 منصة للعملاء. وكان من بينها منصة تعليمية متعددة المدارس بثلاث لغات ودورة ← تقييم ← شهادة ← رحلة شراء لعلامة تجارية معتمدة. يظل العملاء بدون أسماء حتى يمنحوا الإذن.

الثلاثة الأولى هي مشاريعي الخاصة، وليست نتائج العملاء. Misclo ليس لديه مستخدمين أو مبيعات حتى الآن، ولن أتظاهر بخلاف ذلك.

صورة تم إنشاؤها بواسطة الذكاء الاصطناعي لـ Aymane في مختبره.زوجي المتحرك (تم إنشاؤه بواسطة الذكاء الاصطناعي)
Aymane Hitmi · Bali · منفرد مع الذكاء الاصطناعي

من يبنيها

Aymane Hitmi. مدير تكنولوجيا تنفيذي سابق في الوكالة والذي يبني الآن باستخدام الذكاء الاصطناعي.

أنا مدير تكنولوجيا تنفيذي سابق في وكالة تسويق أمريكية. لقد قمت بقيادة فريق مكون من 12 مطورًا وقمت بإدارة أكثر من 45 مشروعًا رقميًا. لقد قمت أيضًا ببناء وشحن منتجين برمجيين خاصين بي.

اليوم أعمل بمفردي من Bali، مع الذكاء الاصطناعي كفريقي، وأقوم بالبناء في الأماكن العامة. Misclo، Theo وهذا الموقع هو كيفية اختبار الطريقة قبل بيعها. عندما تقوم بتعييني، فإنك تحصل على نفس الإصدار، والمختبر، وعملية العرض الأول التي رأيتها للتو.

شاهد كل شيء في المختبر
  • 45+إدارة المشاريع الرقمية
  • 12المطورين في الفريق الذي قادته
  • 2منتجات البرمجيات التي قمت بإنشائها وشحنها

العملية

خطّط ← ابنِ ← أطلق ← أتمت.

أنت تعرف دائمًا الخطوة التي نحن فيها، وما أحتاجه منك، وما الذي ستحصل عليه في النهاية.

  1. المكالمة لمدة 15 دقيقة

    أنا أفعل
    أسألك عما تبيعه، ومن هو الموقع وما الذي يجب أن يحدث.
    ما عليك فعله
    أجب عن أربعة أسئلة قصيرة في نموذج الحجز عندما تختار الوقت: اسمك وبريدك الإلكتروني وعملك وما يحتاج الموقع إلى القيام به.
    تتلقى
    خطوة تالية صادقة. يمكن أن يكون ذلك أداة مجانية للقيام بذلك بنفسك، أو اقتراح إنشاء مباشر إذا كان الموجز واضحًا بالفعل، أو تدقيق مخصّص للذكاء الاصطناعي وخارطة طريق للتنفيذ (‏970 US$) إذا كان الموقع جزءًا من مسألة أوسع، أو نحدد أن الخدمة لا تناسبك ونوجّهك إلى من يناسبك.
  2. ارسم الخريطة

    أنا أفعل
    أكتب ملخص البناء: الجمهور، والإجراء الوحيد الذي يجب أن يحركه الموقع، وتجربة التوقيع، وقائمة الصفحات، والمحتوى الذي ستقوم بتحريره وكيفية تحريره، وميزانية الأداء واختبارات القبول.
    ما عليك فعله
    قراءتها، تغييرها، الموافقة عليها.
    تتلقى
    نطاق ثابت وسعر ثابت قبل بدء التنفيذ.
  3. بناء

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

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

    أنا أفعل
    أقوم بربط ما يحدث بعد النقر، مثل التأكيد والمتابعة والتسليم إلى نظام إدارة علاقات العملاء (CRM) الخاص بك، إذا كان ذلك في نطاقه.
    ما عليك فعله
    قرر أي المتابعات يجب أن تكون تلقائية وأيها ستبقى شخصية.
    تتلقى
    موقع يستمر في العمل بعد مغادرة الزائر.

طرق العمل معًا

خياران للبدء. ويحدد مشروعك النطاق النهائي.

يبدأ كل تنفيذ بملخص مكتوب وينتهي باختبارات اتفقنا عليها قبل البدء. نطاق ثابت وسعر ثابت، دون عدّاد للساعات.

  • موقع غامر

    إطلاق الموقع

    ابتداءً من ‏1,600 US$

    للحصول على عرض جديد، أو إعادة إطلاق، أو نشاط تجاري يمثل موقعه أول ظهور له.

  • موقع غامر

    موقع رئيسي غامر (ثلاثي الأبعاد وسينمائي)

    ابتداءً من ‏3,200 US$

    بالنسبة للعلامات التجارية التي تريد أن يكون الموقع نفسه هو القطعة الفنية.

بعد الإطلاق

تتغير أدوات الذكاء الاصطناعي والمتصفحات وأعمالك. إذا كنت تريد مني أن أستمر في عمل الموقع ومواصلة تحسينه، فإن خطة AI Operations Partner تغطي ذلك شهريًا. سنتحدث عنها عندما يكون ذلك مفيدًا، وليس قبل ذلك.

الأسعار بالدولار الأمريكي، وهي أسعار بداية لنطاق محدد. لا تعرف أي خيار يناسبك؟ لهذا نعقد المكالمة.

ما تحصل عليه

موقع يجمع جودة التصميم والأداء، وكل مفاتيحه بيدك.

  • الخبرة
    تجربة مميزة

    تم اختياره لعرضك: قصة مصورة، أو فيلم علامة تجارية، أو مشهد أو شخصية ثلاثية الأبعاد، أو عرض توضيحي تفاعلي لما تبيعه.

  • كتابة المحتوى
    نصوص مصممة لكل صفحة لتشجيع التحويل.

    وعد واحد، إجراء رئيسي واحد، والاعتراضات تم الرد عليها حيثما ظهرت.

  • الربط
    الوظيفة المطلوبة، مربوطة فعليًا.

    حجز أو دفع أو جمع طلبات العملاء، متصل بتقويمك أو CRM أو أداة بريدك.

  • الجوال
    بنيت للهواتف أولا.

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

  • الوصول
    فحص إمكانية الوصول.

    مسارات لوحة المفاتيح، والتباين القابل للقراءة، والنص الحقيقي بدلاً من النص داخل الصور، وعمليات التحقق عبر حالات الموقع.

  • تحسين محركات البحث
    أساسيات تحسين محركات البحث والتحليلات.

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

  • نظام إدارة المحتوى
    المحتوى الذي يمكنك تحريره

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

أسئلة

أسئلة ما قبل الحجز.

كم تكلف؟

تبدأ خدمة Launch Site من ‏1,600 US$ وخدمة Immersive Flagship من ‏3,200 US$. يحدد ملخص التنفيذ السعر النهائي قبل أن أبدأ العمل.

كم من الوقت يستغرق؟

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

مُصمم باستخدام الذكاء الاصطناعي: ألن يبدو عامًا؟

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

هل سيؤدي العرض ثلاثي الأبعاد والفيديو إلى إبطاء موقعي؟

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

هل سيدعم الموقع متطلبات إمكانية الوصول؟

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

من يملك الموقع؟

أنت تفعل: الكود والمحتوى والمجال والحسابات. يتم تشغيل أدوات واستضافة الجهات الخارجية على حساباتك الخاصة، لذلك لن تكون مقيدًا أبدًا.

هل يمكنني تعديله بنفسي؟

نعم. يسرد ملخص البناء الخاص بك المحتوى الذي ستقوم بتحريره، مثل النصوص والصور والأسعار والأسئلة الشائعة، وكيف: عادةً ما يتم اختيار نظام إدارة محتوى قائم على git أو بدون رأس لعدد مرات تغيير الأشياء. تتم محاسبة أي اشتراك في نظام إدارة المحتوى (CMS) على حسابك الخاص. يوضح لك دليل المشغل كيفية القيام بذلك.

هل الصور أو الأفلام المولدة بواسطة الذكاء الاصطناعي آمنة للاستخدام؟

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

هل تقوم بالاستعانة بمصادر خارجية للعمل؟

لا. تعمل معي مباشرةً. فريقي هو الذكاء الاصطناعي الذي أوجّهه وأراجع عمله، ولكل قرار شخص مسؤول عنه.

هل يمكنك إظهار عمل العميل من سنوات وكالتك؟

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

هل الموقع الجديد سيزيد مبيعاتي؟

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

ماذا يحدث بعد الإطلاق؟

يمكنك الحصول على حزمة التسليم: إرشادات مسجلة ودليل المشغل. إذا كنت تريد مني أن أستمر في العمل وتحسينه شهرًا بعد شهر، فيرجى استخدام خطة AI Operations Partner يغطي ذلك؛ يمكننا التحدث عن ذلك على المكالمة.

الخطوة التالية

أخبرني بما تريد أن يحققه موقعك.

اطلب التنفيذ

احجز معي 15 دقيقة

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

مجانًا، دون حاجة إلى إعداد عرض تقديمي. إذا لم تكن الخدمة مناسبة، سأخبرك.

ابدأ بنفسك

لست مستعدا للحديث؟

ابدأ باستخدام Solo Builder Blueprint، وهو دليلي المجاني وورقة العمل: اختر ← إعداد ← إنشاء ← أتمتة ← تحسين. لا الاشتراك. الأدوات المجانية الأخرى موجودة المكتبة، دون تسجيل.

افتح الخطة العملية المجانيةهل تريد خطة لعملك بالكامل أولاً؟ خارطة الطريق الخاصة بتدقيق وتنفيذ الذكاء الاصطناعي الشخصي، ‏970 US$

تفضّل البريد الإلكتروني؟ contact@labgenz.com