جمالك
جمالك متجر للعناية بالبشرة، وعملاؤه يصلون تقريباً كلهم عبر الهاتف — أثناء التمرير، وغالباً في خضم البحث عن روتين عناية. لذلك صُمم المتجر للموبايل أولاً منذ أول إطار: كل قالب رُسم لشاشة صغيرة قبل أن يُمدَّد إلى شاشة سطح مكتب، لا بالعادة المعتادة في التصميم للشاشة الواسعة ثم تصغيره لاحقاً.
تُشترى منتجات العناية بالبشرة بحسب المشكلة ونوع البشرة بقدر ما تُشترى باسم المنتج، فاعتمد التصفح على ذلك — تصوير منتجات يُظهر الملمس واللمعان، ومسار من «ماذا تحتاج بشرتي» إلى الدفع يبقى قصيراً على شاشة بحجم الإبهام. وتحمل السلة والدفع القدر نفسه من التبسيط، لأن الخطوة الأخيرة البطيئة هي حيث يتراجع متسوقو الموبايل.
ما الذي يحققه التصميم
القرارات التي يقوم عليها هذا المشروع.
الجوال أولاً بحق
مُصمم على الهاتف، حيث يصل معظم العملاء.
مسار يناسب الإبهام
من “ماذا تحتاج بشرتي” إلى الدفع بلمسات قليلة.
عناية تبدو مدروسة
نبرة هادئة وخبيرة تليق بالفئة.
متجر يعمل بإبهام واحد
الموبايل هنا ليس فكرة لاحقة — بل المسودة الأولى. هذه العناصر الثلاثة نتيجة هذا الانضباط.
قوالب مصممة للموبايل أولاً
رُسمت كل شاشة بعرض الهاتف أولاً واختُبرت هناك، ثم كُبّرت لسطح المكتب — لا العكس أبداً.
تصفح حسب مشكلة البشرة
تعتمد صفحات التصنيفات والمنتجات على الطريقة الفعلية لاختيار منتجات العناية — حسب المشكلة ونوع البشرة، لا اسم المنتج فقط.
شاشات كاملة، بما فيها الحالات الاستثنائية
المجموعة الكاملة لشاشات سطح المكتب والموبايل، بالإضافة إلى الحالات الفارغة وحالات الخطأ التي يواجهها متجر حقيقي.
مصمم صغيراً أولاً، مُختبر هناك، ثم مُكبّر
شاشة الموبايل هي اللوحة الأساسية هنا، لا نسخة مصغّرة من شاشة سطح المكتب.
البحث والتحليل
نظرة على كيفية تسوق عملاء جمالك فعلياً — كلهم تقريباً عبر الهاتف، وغالباً وهم يقارنون روتيناً كاملاً لا منتجاً واحداً.
مخططات الموبايل الأولية
كل قالب يُوضع بعرض الهاتف أولاً، حيث يحدد مدى وصول الإبهام وسرعة التحميل القيود الحقيقية.
النموذج والاختبار
تُفحص الشاشات بيد واحدة، مع التمرير، قبل تكبير أي شيء إلى تخطيط سطح المكتب.
التصميم البصري والتسليم
تُبنى نسخة سطح المكتب انطلاقاً من نسخة الموبايل المُختبرة، ثم تُسلَّم المجموعة الكاملة — سطح المكتب والموبايل.
تفاصيل المشروع
تبيع لجمهور يصلك في الغالب عبر الهاتف؟ شاهد خدمة تصميم المتاجر الإلكترونية.
