Front-End Development of a Responsive Landing Page for Ember & Oak Coffee Roasters

قمتُ بتطوير صفحة هبوط متجاوبة بالكامل لعلامة Ember & Oak، وهي علامة قهوة مختصة تعتمد على نظام الاشتراك الشهري، باستخدام HTML وCSS.

تتميز الصفحة بتصميم دافئ بطابع تحريري مستوحى من ثقافة القهوة المختصة، مع نظام خطوط Serif، ولوحة ألوان ترابية، وأقسام مصممة بعناية.

تشمل الصفحة:

• شريط تنقل ثابت مع أزرار دعوة لاتخاذ إجراء.

• قسم رئيسي يعرض شكل كيس القهوة مع مؤشرات ثقة.

• شريط شركاء "Poured at".

• قسم "كيف يعمل" بتصميم من 3 خطوات.

• قسم درجات التحميص بثلاث بطاقات مرئية.

• خطط الاشتراك مع خطة مميزة.

• رأي عميل ودعوة قوية لاتخاذ إجراء.

• تذييل منظم بمجموعات روابط متعددة.

أبرز النقاط:

• تصميم متجاوب بالكامل للموبايل والتابلت والديسكتوب.

• كود منظم باستخدام متغيرات CSS.

• واجهة عصرية بتأثيرات hover ناعمة.

• استخدام SVG للأيقونات لتحسين الأداء.

• استخدام خطوط Serif وتدرجات دائرية لإحساس فاخر بالعلامة التجارية.

هذا المشروع يوضح قدرتي على بناء واجهات أمامية احترافية تركّز على هوية العلامة التجارية من الصفر.