الانتقال إلى المحتوى
أيوب
العودة إلى الخدمات

المواقع الإلكترونية وصفحات الهبوط

الواجهة العامة لعملك، سريعة الفتح وظاهرة في نتائج البحث.

الموقع الذي يفتحه الناس قبل أن يقرروا الثقة بك. أضع البنية، وأبني الصفحات، وأتأكّد من أن محركات البحث والهواتف تقرأه كما ينبغي.

ما هذا النوع بالضبط

الموقع هو أول ما يفتحه معظم الناس قبل التواصل معك. ومهمته واحدة: أن يجعل الخطوة التالية واضحة.

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

أبني المواقع باستعمال Next.js وTailwind، وأولّد الصفحات على الخادم لتصل مكتملة. وإن أردت أن تعدّل المحتوى بنفسك، فأضيف لوحة تحكم لذلك. وإن احتجت إلى الحجز أو الدفع أو مدونة، فهذه تُبنى داخل الموقع، لا تُلصق به.

ما تحصل عليه

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

أمثلة على هذا النوع

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

المراحل الست نفسها، مصوغة بلغة هذا النوع من المنتجات.

تحكي لي فكرتك

محادثة واحدة، نحو ثلاثين دقيقة عادةً.

نتحدث حتى أستطيع أن أعيد عليك فكرتك كما تقصدها تمامًا.

نبدأ بمحادثة، بالعربية أو الفرنسية أو الإنجليزية. تصف الفكرة بكلماتك أنت، وأسألك عن الناس الذين تستهدفهم، وعمّا يفعلونه اليوم، وعمّا تريد أن يحدث. ثم أكتب ما سمعته منك وأرسله إليك لتصححه.

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

ترى الفجوات في السوق

عادةً من بضعة أيام إلى أسبوع.

أكتشف ما هو موجود بالفعل، وأين يترك المستخدمين عالقين.

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

ما تحصل عليه في النهايةتقرير عن السوق والمنافسين، فيه الفجوات مرتَّبة وروابط الأدلة عليها.

ترى الشاشات الحقيقية

عادةً أسبوع أو أسبوعان.

نتفق على ما سيكون عليه المنتج، وتراه قبل أن يُبنى.

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

ما تحصل عليه في النهايةنموذج قابل للنقر يضم الشاشات الأساسية، مع قائمة الميزات المتفق عليها.

توافق على الخطة

عادةً بضعة أيام.

أقسّم البناء إلى حزم عمل، لكل حزمة نطاقها وسعرها.

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

ما تحصل عليه في النهايةخطة مكتوبة لحزم العمل: نطاق كل حزمة وسعرها والنتيجة التي تنتهي بها.

تتابع البناء وهو يجري

أطول المراحل. من أسابيع إلى أشهر بحسب نطاق العمل.

يُبنى المنتج بالترتيب، وترى نسخة تعمل كل أسبوع.

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

ما تحصل عليه في النهايةمنتج يعمل على رابط مباشر، يُحدَّث كل أسبوع، والكود في مستودع تملكه أنت.

تُطلق، وأبقى معك

الإطلاق يستغرق أيامًا، أما البقاء بعده فمستمر.

يُطلق المنتج، وأبقى بعد ذلك حتى يعمل كما ينبغي فعلًا.

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

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

اطّلع على المراحل الست كاملة
أعمال بُنيت بهذه الطريقة

مشاريع من هذا النوع، مكتوبة على شكل قصص.

يعمل الآن2025

فيرمن

موقع مكتب محاماة في دبي: لغتان، وحجز استشارة، ومدونة قانونية.

Next.js · React · TypeScript · Tailwind CSS · shadcn/ui · Radix UI

شاهد الشاشات
يعمل الآن2025

دراية

موقع مكتب محاماة في الرباط، كتبت عربيته وإنجليزيته كل واحدة لقارئها.

Next.js · React · TypeScript · Tailwind CSS · shadcn/ui · Radix UI

شاهد الشاشات
يعمل الآن2025

نخيل

موقع مطعم ومقهى في مكناس، مبني على قائمة الطعام وحجز الطاولات.

Next.js · TypeScript · Tailwind CSS · shadcn/ui · Framer Motion · Vercel

شاهد الشاشات
شاهد كل الأعمال
ما الذي أبنيه

هل هذا ما تحتاج إليه؟

إن لم تكن تعرف إلى أي نوع تنتمي فكرتك، فهذا سؤال طبيعي، وسبب وجيه لأن نتحدث.