Lueur — صفحة هبوط لمستحضرات تجميل نباتية

السياق

‏Lueur علامة مفاهيمية، أُنشئت من الصفر كمشروع عرض توضيحي. الهدف: الخروج من مجالي المعتاد — SaaS، ولوحات المعلومات، والواجهات الداكنة — لأُثبت أنني أُتقن أيضاً لغة تسويق المنتج: علامة تجميل واضحة، وتحريرية، وحسّية.

الأهداف

• بناء هوية علامة متماسكة، من الشعار إلى التغليف، دون الانطلاق من قالب جاهز.
• إظهار حزمة تقنية مختلفة عن يومياتي: Astro بدل Next.js، من أجل موقع ثابت بأقصى أداء.
• تجاوز الواجهة العارضة: تقديم مسار شراء حقيقي، من المنتج إلى تأكيد الطلب.

الحل

صفحة هبوط تحريرية، مُتخيَّلة كمجلة جمال: مقدّمة بخط Serif راقٍ، ولوحة ألوان بورسلين وأخضر نباتي، وصور منتج متقنة.

• الطقس — ثلاث عنايات أساسية مقدَّمة في ثلاث حركات واضحة.
• المجموعة — عرض مسطّح للتشكيلة، ثم كل منتج بالتفصيل (سيروم، كريم، زيت).
• مسار الشراء — سلّة منزلقة تنساب من اليمين، وإدارة الكميات، وإتمام طلب كامل، وتأكيد طلب برقم. كل ذلك دائم، دون خادم خلفي.

الحزمة التقنية والأداء

• Astro بعرض ثابت: لا إطار JavaScript على جانب العميل للعرض، فقط ما يلزم للسلّة.
• صور مُحسّنة تلقائياً إلى WebP، بأحجام متعدّدة حسب الشاشة.
• حركات عند التمرير، وتنقّل للجوّال، وعناية بإمكانية الوصول والتباين.

مشروع عرض توضيحي، لكنه مبنيّ بالمعايير نفسها التي يُبنى بها موقع يُسلَّم لعميل: سريع، ونظيف، ومدروس حتى أدقّ التفاصيل.