Alnajim
Alnajim صفحة ثنائية اللغة لعبدالرحمن الناجم، صانع أفلام سعودي يصوّر ويحرّر ويصحّح الألوان. تحوّل أفلامه المنشورة إلى طلبات: يختار الزائر إحدى الخدمات الأربع ويرسل طلبًا يذكر ما يريده من البداية. العربية هي الافتراضية، وكلتا اللغتين صفحتان حقيقيتان مولّدتان مسبقًا.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Canvas
- RTL
- SEO
- Cloudflare
- دوري
- كل شيء عدا الهوية
- التاريخ
- 2026
- الأفلام
- 16 فيلمًا منشورًا
- الحالة
- متاح الآن

نبذة
عبدالرحمن الناجم صانع أفلام سعودي يتولى السلسلة كاملة بنفسه: يصوّر ويحرّر ويلوّن. كانت أعماله موزعة على يوتيوب وإنستغرام كروابط مجردة، بلا عناوين ولا تواريخ ولا أسماء عملاء. بنيت له صفحة هبوط واحدة ثنائية اللغة مهمتها تحويل هذه الأعمال المنشورة إلى طلبات: يشاهد الزائر الأفلام، ويختار إحدى خدماته الأربع، ويرسل طلبًا يوضّح من البداية ما يريده. العربية هي الأصل والافتراضية، والإنجليزية بديلة، وكلتاهما صفحة حقيقية مولّدة مسبقًا.
دوري
بنيته بالكامل: استعادة المحتوى، ونظام التصميم، وحركة الواجهة، ومعرض الأعمال، ومسار الطلب، والبناء ثنائي اللغة، والنشر. أما الهوية فهي ملك العميل: الألوان والشعار الخطّي والختم الدائري والزخرفة كلها من دليل هويته، مستخرجة كرسوم متجهة أصلية لا معاد رسمها.
حدودالألوان والشعار والشارة والإطار الزخرفي مأخوذة من دليل هويته، ومستخرجة بصيغة متجهة أصلية بدل إعادة رسمها.
ما أُطلق
- موقع مبني بـ Next.js 16 و React 19 ومصدَّر إلى ملفات ثابتة: لا خادم وقت التشغيل، ولا معالجات مسارات، ولا خدمة لتحسين الصور، فيُنشر على Cloudflare كملفات ثابتة فقط.
- لوحة رسم في الواجهة تنقل الهوية بين أشكالها المكتوبة: جسيمات يأخذ ملف بناءٍ عيّناتها من ملف شعار العميل نفسه، تتنقل بين الختم الدائري والشعار الخطّي ولوح تصوير يُغلق بضربة قبل أن يتلاشى.
- الخدمات الأربع عامل تصفية لا قسم مستقل: اختيار إحداها يضيّق قائمة الأعمال، ويعرض وصف تلك الخدمة، ويملأ الاختيار نفسه مسبقًا في نموذج الطلب.
- بُعد ثانٍ للمونتاج وحده، مقسّم إلى قصص وتغطيات، ينتقل إلى عنوان البريد ورسالة واتساب ليصل الطلب مصنّفًا مسبقًا.
- معرض يتعامل مع يوتيوب وريلز إنستغرام دون أن يبدو أنه يتعامل مع شيئين: صور ريلز محفوظة محليًا لأن روابطها الموقّعة تنتهي صلاحيتها، وبطاقاتها تفتح المنصة بدل التضمين.
- نموذج طلب عبر Web3Forms، مع واتساب والاتصال المباشر كبديلين أساسيين، لأن الطلبات في هذا السوق تصل عبر واتساب أكثر بكثير من النماذج.
- وسوم canonical و hreflang، وملفا sitemap و robots مولّدان، وبيانات منظّمة للشخص والخدمة المهنية والفيديو مع كتالوج عروض للخدمات الأربع، كلها من البناء نفسه.
- خطوة بعد البناء تكتب بوابة اللغة في الجذر وترويسات التخزين المؤقت والأمان، فيعمل الجذر على أي استضافة ثابتة ويوصل الزوار إلى الصفحة العربية.
قرارالخدمات الأربع تعمل كمرشّح، وينتقل الاختيار إلى نموذج الطلب.
قرارات تجربة المستخدم
- الاتجاه من اليمين إلى اليسار هو التخطيط الأساسي لا مرحلة ترجمة لاحقة: كل قاعدة اتجاهية مكتوبة بالخصائص المنطقية، فتنعكس النسخة الإنجليزية بشكل صحيح من الأساس.
- على الجوال يتغير الترتيب لا المحتوى: العنوان، ثم الشعار المتحرك، ثم النص والأزرار، ليبقى العنصر المميز داخل الشاشة الأولى.
- الزخرفة الخطية من دليل الهوية تمتد على حافة الصفحة كمؤشر قراءة يمتلئ بالحبر مع التمرير، مقصوصة على تكرارها الدقيق فتتصل بلا فواصل.
- تتوقف حلقة الرسم عند إخفاء التبويب، أو خروجها من مجال الرؤية، أو عندما يطلب الزائر تقليل الحركة.
- لا شيء مختلق: لا شهادات عملاء ولا أعداد ولا أسعار، وكل عنوان عمل وتاريخه مستعاد من المنصة التي نُشر عليها.
ما يستحق نظرة أقرب
أكثر ما أفخر به هو الواجهة. بدل وضع الشعار كصورة، يقرأ ملف برمجي ملف شعار العميل نفسه، ويحوّله إلى سحب من النقاط، ويميّز كل نقطة وحركة عربية لتُطبع بالأحمر بينما تبقى الخطوط بالحبر. ثم تتنقل الجسيمات بين الختم والشعار بمولّد عشوائي ذي بذرة ثابتة، فيُرسم الشيء نفسه تمامًا في كل تحميل. هكذا تبدو الهوية حيّة دون إضافة عنصر واحد ليس موجودًا فيها أصلًا.
قرارمولّد عشوائي ببذرة ثابتة، فيرسم كل تحميل الشيء نفسه تمامًا.
لقطات الشاشة



