موقع تصميم وديكور

نوع العمل

تصميم واجهة مستخدم وتجربة مستخدم (UI/UX Design) لصفحة ويب لعلامة تجارية متخصصة في الديكور الفاخر. يركز العمل على إبراز الهوية البصرية للشركة من خلال دمج النصوص التعبيرية مع الصور المعمارية.

​ميزات التصميم

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

​الطباعة (Typography): توظيف خطوط تزيينية (Serif) للعناوين الرئيسية وشعار "AURELIA" لتعزيز الإحساس بالأصالة والرقي، مع استخدام خطوط بسيطة (Sans-serif) للنصوص الوصفية لضمان سهولة القراءة.

التخطيط (Layout): استخدام تخطيط غير متماثل مع عناصر متداخلة، حيث يتقاطع صندوق النص ذو الخلفية الخضراء مع مساحة العرض الخاصة بالصورة، مما يضيف عمقاً (Depth) ديناميكياً للتصميم.

​شريط التنقل (Navigation Bar): تصميم مبسط (Minimalist) في الجزء العلوي، يتضمن روابط أساسية واضحة، بالإضافة إلى زر تفاعلي (Light) في الزاوية اليمنى يشير إلى خاصية التبديل بين وضع الألوان الداكن والفاتح. ​التصوير البصري: استخدام صورة عالية الجودة لمساحة داخلية ذات نوافذ مقوسة كبيرة تطل على غابة، مما يعكس فلسفة التصميم التي تربط المساحات الداخلية بالطبيعة والإضاءة الطبيعية.

​طريقة التنفيذ

​التخطيط والهيكلة (Wireframing): رسم المخطط الأولي لتوزيع العناصر (صندوق النص، الصورة، شريط التنقل) لضمان توازن الصفحة وتوجيه عين المستخدم بشكل صحيح نحو قسم "الرؤية".

​التصميم المرئي (UI Design): في هذه المرحلة يتم تحديد الأكواد اللونية، وتنسيق المسافات (Padding & Margin)، وضبط التداخل البصري بين الطبقات (Layers).

التطوير البرمجي (Frontend Development): تحويل التصميم إلى واجهة ويب تفاعلية باستخدام HTML5 و CSS3 (ويُفضل استخدام تقنيات مثل CSS Grid و Flexbox لتطبيق التخطيط المتداخل)، مع استخدام JavaScript لإضافة حركات تفاعلية (Animations) وتفعيل زر وضع الإضاءة