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

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 نفسها، فتأتي أي شاشة جديدة يبنيها الفريق متّسقة مع بقية المنتج.