موقع ولوحة تحكم بالعربية أولًا لشركة أبواب أوتوماتيكية في الرياض: ترحيب ينزلق مفتوحًا، وزجاج يعكس أثناء التمرير، وخريطة تحوّل أي مدينة سعودية إلى طلب عرض سعر.
- العميل
- الآمنة
- السنة
- 2026
- السوق
- السعودية
- الخدمات
- تطوير المواقع الإلكترونية · تصميم واجهات وتجربة المستخدم (UI/UX)
المهمة
شركة الأبواب الأوتوماتيكية تبيع لحظة انفتاح الباب أمامك. فكان على موقعها أن يفعل الشيء نفسه: ينفتح عند وصولك، ويحوّل الزائر من أي مدينة سعودية إلى طلب عرض سعر.
01 · الهدف
موقع مبيعات بالعربية السعودية أولًا ثم الإنجليزية، لشركة في الرياض تورّد الأبواب الأوتوماتيكية وتركّبها وتصونها في كل مناطق المملكة.
02 · ما بنيناه
موقع Next.js مع لوحة تحكم Payload: طلبات عروض الأسعار بحالاتها وملاحظاتها، والوظائف والسير الذاتية، والخدمات وشعارات العملاء وصور الأعمال يحدّثها الفريق بنفسه.
03 · النتيجة
الموقع متاح على alamina.sa، وكل صفحة تنتهي بخطوة واحدة واضحة هي طلب عرض السعر: بالنموذج أو بالبريد أو باختيار مدينتك من الخريطة.
الصفحة الرئيسية
يفتح لك قبل ما توصل
يُحمَّل الموقع خلف بابين منزلقين ينفتحان على لوحة الشعار المضيئة. بعدها تتحرك الصفحة كأنها مدخل: ألواح زجاجية تنزلق فوق القصة أثناء التمرير، والخدمات تنزل كالشترات، وينتهي الطريق عند نموذج عرض السعر.
للجوال أولًا وبالعربية أولًا. والانعكاسات تحت كل هاتف هي الصفحات الحقيقية.
تفاصيل مميزة
مبنيّ من المنتج نفسه
01
ترحيب ينزلق مفتوحًا
كل زيارة تبدأ خلف درفتين زجاجيتين تحملان الشعار، وتنفتحان مع وميض خفيف لضوء الحسّاس كما تفعل الأبواب الحقيقية.
02
زجاج تمرّ من خلاله
في قسم القصة يتحرك لوحان زجاجيان فوق الصورة أثناء التمرير ويلتقطان الانعكاسات في طريقهما.
03
خريطة تبيع
مناطق المملكة الثلاث عشرة على خريطة مرسومة. اختر المنطقة ثم المدينة، فيُفتح نموذج عرض السعر والمدينة محددة فيه.
04
نموذج واحد بلا طرق مسدودة
يُحفظ الطلب في لوحة التحكم لحظة إرساله، مع المدينة والخدمة والصفحة التي جاء منها.
05
لوحة تحكم بألوان العلامة
الطلبات وطلبات التوظيف والخدمات وشعارات العملاء وصور الأعمال، بالعربية أو الإنجليزية، وتحت شعار الآمنة.
قائمة الجوال
قائمة تنزل كالشتر
على الجوال القائمة شتر لفّاف: ينزل شريحة شريحة، ويضيء الشعار كلوحة محل، ويتدلى زر عرض السعر كمصباح، وسلسلة سحب تعيده إلى الأعلى.
كل الصفحات
مصمّم للإبهام
الخدمات والمشاريع وطريق عرض السعر تحافظ على الإيقاع نفسه على الجوال: صور كبيرة، ونص سعودي قصير، وزر ذهبي واحد.
بالإنجليزية عند المدخل، وبالعربية في موقع العمل.
الهوية
ليل وزجاج وضوء دافئ واحد
الألوان مأخوذة من مدخل عند الغسق: كحلي عميق وعاجي وذهبي الضوء خلف الأبواب. وخط واحد، Readex Pro، يحمل العربية والإنجليزية.
الشعار
الألوان
- اللون المميزذهبي#d9a45b
- على الفاتحذهبي داكن#8f5f1d
- الخلفيةليلي#0a1220
- الأقسامغسقي#16233a
- النص على الداكنعاجي#f4eee4
- الصفحات الفاتحةورقي#fbf8f3
- البطاقاترملي#e9dfcf
الخطوط
أب Aa
Readex Pro
العربية والإنجليزية
يفتح لك قبل ما توصل.
بالأرقام
13
منطقة على خريطة التغطية
45
مدينة على بُعد نقرة من عرض السعر
6
خدمات لكل منها صفحتها
