Sweet Bite

المشكلة:

كثير من محلات الحلويات تعتمد على صفحات بسيطة أو غير منظمة، مما يسبب:

- صعوبة في عرض المنتجات بشكل جذاب.

- عدم وضوح قائمة الطعام أو الأسعار.

- عدم وجود دعوة واضحة للطلب (Call to Action).

- ضعف تجربة المستخدم على الجوال.

النتيجة: الزبون يترك الصفحة بسرعة ولا يطلب.

الحل:

صممت لاندينج بيج كاملة لمحل حلويات بفكرة "البهجة + الصحة"، حيث:

- استخدمت ألوان مبهجة تعكس الفرح والحلويات.

- أضفت أشكال حلويات جميلة ومرسومة بشكل جذاب (أيقونات كب كيك، دونات، فراولة).

- وضحت أن المنتجات مصنوعة من مكونات طبيعية لجعل الصفحة واقعية ومشجعة للطلب.

- صممت تجربة مستخدم تشجع الزائر على الطلب: زر واضح "Explore Flavors" في بداية الصفحة.

تفاصيل التصميم:

- الألوان الأساسية:

* خلفية رئيسية: (#FFD0D0)و(#AFE2D9)و(#3AA6B9).

* أزرار وعناوين: (#FF9EAA).

* النصوص: بني غامق (#FFFFFF) للقراءة المريحة

- الخطوط:

* للعناوين: خط "Agbalumo Bold " (واضح وحديث)

* للنصوص: خط "Poppins Regular" (سهل القراءة)

- الأشكال والزخارف: استخدام دوائر ناعمة وأشكال حلويات بسيطة (فراولة، كب كيك) كعناصر زخرفية غير مزعجة.

تفاعل الـ Prototype (Micro-interactions):

لجعل التجربة أكثر واقعية وتشجيعاً:

- على الموبايل: عند الضغط على أي عنصر في القائمة (مثل "Home" أو "Our Menu")، يتغير لون الكلمة لمدة نصف ثانية إلى (AFE2D9) كتأكيد بصري.

- على اللابتوب: عند مرور مؤشر الفأرة (Hover) على "Home" أو "Our Menu" أو أي زر، يتغير لون الخلفية أو النص وتظهر حدود ناعمة.

- إضافة تأثير بسيط عند الضغط على زر "اطلب الآن" ( تغير لون) لإحساس بالاستجابة.

النتيجة:

لاندينج بيج متجاوبة (Responsive) تعمل بشكل جيد على الكمبيوتر والهاتف. التصميم مبهج، واقعي، ويشجع الزائر على الطلب بفضل وضوح المنتجات، المكونات الطبيعية، والألوان الجذابة. جاهز للتنفيذ أو العرض كـ Prototype تفاعلي.