Mariva
موقع وصفات يأخذك في رحلة طهي حول العالم. أُنجز بالتعاون مع مطوّرة الويب بسملة أكريش.
- السنة
- 2026
- الفئة
- تصميم UI/UX
- التخصص
- تصميم ويب · UI/UX
نظرة عامة
Mariva منصة وصفات تدعو الزوّار إلى «اكتشاف وصفات من كل أنحاء العالم»، مع اختيارات موسمية وطبق اليوم ورحلات حسب المطبخ. يشمل المشروع دليل العلامة والصفحة الرئيسية وصفحات الوصفات وصفحات 404 مرحة، بالوضعين الفاتح والداكن.
التحدي
إنشاء منصة جذابة لمن يرغبون في الطهي لكنهم لا يعرفون ماذا يطبخون أو من أين يبدؤون. تساعد المنصة على اكتشاف الوصفات، وتقدّم قائمة تسوّق كاملة بالمكوّنات، وترشد المستخدم في كل وصفة بخطوات واضحة وسهلة.
التوجّه الفني
نوافذ مقوّسة، وحواف مستوحاة من البلاط، وأطباق مرسومة تمنح الواجهة طابعًا دافئًا متوسطيًا، تدعمها خطوط تحريرية واضحة وثيم فاتح وداكن كامل.
المراحل
- 01
البحث
بدأت باستكشاف احتياجات وعادات من يرغبون في الطهي لكنهم كثيرًا ما يفتقدون الإلهام. درست منصات الوصفات ومدوّنات الطعام وتطبيقات الطبخ لفهم كيف تنظّم الوصفات وتعرض المكوّنات وترشد المستخدم أثناء الطهي.
كان الهدف تحديد فرص لجعل الطهي أسهل وأكثر إلهامًا ومتعة.
- 02
المفهوم
طوّرت Mariva حول فكرة تحويل الطبخ اليومي إلى رحلة ملهمة. فبدل تصفّح الوصفات فحسب، يكتشف المستخدمون نكهات جديدة عبر الاختيارات الموسمية والتوصيات اليومية ومطابخ العالم.
يجمع المفهوم بين الاكتشاف والإلهام والجانب العملي، ليحوّل البحث عن الوصفات إلى تجربة ممتعة.
- 03
التصميم
ترجمت المفهوم إلى هوية بصرية دافئة ومرحة مستوحاة من الجماليات المتوسطية. الأشكال المقوّسة والأطباق المرسومة وزخارف البلاط تصنع لغة بصرية مميزة.
صمّمت واجهة واضحة وبديهية، مع التركيز على الخطوط والتسلسل البصري وسهولة التنقل. وتشمل التجربة أيضًا الوضعين الفاتح والداكن وصفحات الوصفات وتفاعلات مرحة تجعل المنصة جذابة في كل مراحلها.
- 04
التسليم
يجمع التصميم النهائي تجربة علامة وتجربة رقمية متكاملتين. طوّرت دليل العلامة وصمّمت الصفحات الرئيسية للموقع، مع ضمان التناسق البصري على امتداد المنصة.
تشمل المخرجات النهائية تصاميم واجهات جاهزة للتجاوب مع مختلف الشاشات، والثيمين الفاتح والداكن، وصفحات وصفات مفصّلة، وصفحة 404 مرحة تمدّ شخصية العلامة إلى ما وراء التجربة الرئيسية.
المخرجات
- دليل العلامة01
- الصفحة الرئيسية (فاتح وداكن)02
- صفحة الوصفة03
- صفحات 40404
- نموذج Framer تفاعلي05





