"سكني" – صفحة هبوط لمنصة تأجير الشقق

تصميم وتطوير صفحة هبوط متجاوبة بالكامل وعالية التحويل لمنصة تأجير شقق إلكترونية باسم "سكني". كان الهدف من الصفحة تبسيط رحلة البحث عن شقة وتحويلها من تجربة مرهقة إلى عملية سلسة وسريعة، مع بناء الثقة لدى المستأجر الجديد وتحقيق أعلى معدل ممكن لإتمام الحجوزات. دوري في المشروع: مطور واجهات أمامية (Front-End Developer) / مصمم واجهة وتجربة المستخدم (UI/UX Designer) التقنيات المستخدمة: HTML5 و CSS3 (تخطيطات Grid مخصصة وتأثيرات بصرية) JavaScript (تفاعلية النموذج وعناصر الحجز الديناميكية) تصميم ويب متجاوب (منهجية البدء بالهواتف المحمولة Mobile-first) Figma (التخطيط المبدئي وتصميم النماذج الأولية للواجهة) أهم الميزات التي تم تنفيذها: القسم الرئيسي (Hero Section): تصميم قسم ترحيبي بخلفية داكنة وعنوان عريض بارز مع زر "احجز الآن" واضح يدفع الزائر فوراً نحو التحويل، مصحوباً برسومات توضيحية للمبنى. نموذج الحجز الذكي: تصميم نموذج متكامل يشمل تاريخ الدخول والخروج، نوع الشقة، المنطقة، الميزانية، ورفع الهوية للتحقق — كل ذلك في واجهة واحدة سلسة. خطط الأسعار المرنة: عرض ثلاث باقات (يومية، شهرية، سنوية) بتصميم مقارن واضح مع تمييز الباقة الأكثر طلباً بصرياً لتحفيز الاختيار. شريط الإحصائيات: عرض أرقام المنصة (عدد الشقق، المستأجرين، المناطق، التقييم) لبناء الثقة الفورية لدى الزائر الجديد. الأسئلة الشائعة: قسم تفاعلي يجيب على أبرز مخاوف المستأجرين كالعقود والتأمين وطرق الدفع والإلغاء. بروفايل المطور: قسم احترافي يعرض هوية المطور وتقنياته ورابط LinkedIn لتعزيز المصداقية المهنية. التحدي: كان المطلوب بناء منصة تأجير تنافس التجارب الرقمية الكبرى لكن بأسلوب محلي يفهمه المستخدم العربي. كان على الصفحة أن تقنع الزائر بثقة المنصة وأمانها في خطوات قليلة، دون إرباكه بمعلومات زائدة أو نماذج معقدة. الحل: اعتمدت على هوية بصرية تجمع اللون البرتقالي الدافئ بالخلفيات الداكنة لإيصال شعور التميز والموثوقية. صممت نموذج الحجز بمنطق تدريجي يأخذ المستخدم خطوة بخطوة دون إرهاق. استخدمت رسومات SVG خفيفة بدلاً من الصور الثقيلة مما جعل الصفحة سريعة التحميل، ونتج عن ذلك تجربة مستخدم سلسة حققت معدل تحويل مرتفعاً لإتمام الحجوزات.