مواقعتطبيقات

Monito Pets

متجر إلكتروني للحيوانات الأليفة · 2026

monito-pets.com

اسحب داخل الإطار

نظرة عامة

نظام UI كامل لـ«Monito» — متجر إلكتروني للحيوانات الأليفه بيغطّي تجربة الـbrowse-and-buy على الديسكتوب وتجربة الموبايل المُكمِّله. التسليم بيغطّي القصّه البصريّه بالكامل: ألوان وتايبوغرافي العلامه، مكتبة كومبوننتس (أزرار، فورمز، headers، footers)، صفحات الديسكتوب، وشاشات الموبايل.

التحدي

التجاره الإلكترونيّه للحيوانات الأليفه واقفه في فجوه غريبه — المنتج عاطفي (فرد جديد من العيله)، بس الـworkflows transactional (فلتر، قارن، اشتري). التصميم لازم يحسّ بدفء وثقه تخلّي العيله تقدم على القرار، ومع كده يفضل منظّم بما يكفي ليتعامل مع مئات الـlistings والـfilters وفلو checkout حقيقي على الـdesktop والـmobile.

منهجيتنا

ثبّتنا النظام على لوحة navy/mustard على خلفيه كريميّه ناعمه، مع Gilroy لكل الـtypography. سلّمنا مكتبة كومبوننتس قابله لإعادة الاستخدام — أزرار، inputs، dropdowns، header/footer — قبل أي صفحه، فكل شاشه بتُقرأ كنفس المنتج. قصّة الـdesktop بتمشي من البطل (الحيوان) للـbrowse القابل للفلترة لصفحة التفاصيل؛ تجربة الـmobile بتعكس نفس الفلو بـlayout موبايل-أوّلاً.

النتيجة

نظام تصميم مصقول قابل للنمو — الديسكتوب والموبايل بيتشاركوا نفس الـcomponents ونفس قصّة الألوان ونفس الـtypography، فأي شاشه جديده بيبنيها الفريق بتنزل متّسقه مع باقي المنتج.