YANتصميم تطبيق للهاتف المحمول
Grand Plaza. كل ما في مركز التسوق، على بعد تبويب واحد
تطبيق جوال لمركز Grand Plaza للتسوق يجمع الفعاليات والخدمات وحملات الجوائز والعروض في مكان واحد. المبالغ والرموز الظاهرة على الشاشات محتوى تجريبي.
- دوري
- مسارات المنتج وتصميم الواجهة
- حالة المشروع
- تصميم الواجهة · أرشيف Figma
شاشات من التصميم الأصلي في Figma وDribbble، ببيانات تجريبية.
مساهمتي
Grand Plaza تطبيق باللغة البرتغالية لمركز تسوق. يقسّمه شريط سفلي إلى Início وPrêmios وOfertas وLojas وPerfil، ويرتفع Ofertas في المنتصف، وهو التبويب الوحيد الذي يكسر استقامة الصف.
يحتفظ أرشيف Figma بعملية التصميم إلى جانب الشاشات: مخططات هيكلية من v0 إلى v4، وخريطة ذهنية، وخريطة موقع، ومسار مستخدم مع خريطة محتوى. أعرض هنا الشاشات المصمَّمة بجوار الخريطة التي نظّمتها.
فعالية واحدة في كل مرة
تخصص الشاشة الرئيسية معظم مساحتها لفعالية واحدة: بطاقة صورة كبيرة عليها الاسم والتواريخ وزر واحد هو Saiba mais، ومؤشر للعرض الدوّار يدل على وجود المزيد. تحتها ثلاثة اختصارات للخدمات هي خريطة المركز ومواقف السيارات والسينما، مع رابط Ver todos إلى بقية الخدمات.
حملة تخبرك بما تبقى
يعتمد تبويب Prêmios على الإيصالات. تذكر بطاقة الحملة، في ثلاثة أسطر قصيرة، ما سجّله المستخدم حتى الآن، وما تبقى للحصول على هدية، وما تبقى للحصول على رقم حظ. زر Cadastrar nota fiscal هو الزر البارز وSaiba mais هو الزر الهادئ، فتتضح الخطوة التالية قبل الحاجة إلى أي شرح.
قائمة خدمات طويلة، تُرسم خريطتها أولًا
يقدّم المركز خدمات أكثر مما يتسع له شريط التبويبات، لذلك يجمع Serviços do shopping أربع عشرة خدمة في شبكة واحدة، من خريطة المركز ومواقف السيارات إلى مساحات العمل المشتركة ومواقف الدراجات وشحن السيارات الكهربائية. أما العروض فتنتهي عند شاشة خاصة بها تحمل الخصم ورمزًا ورمز QR وتاريخ الانتهاء لتقديمها في المتجر.
يعرض مسار المستخدم وخريطة المحتوى هذه البنية على شكل شجرة من الشاشات تتفرع من الشاشة الرئيسية. كما يحتفظ الملف بنسختين من النموذج الأولي، إحداهما بأيقونات مسطحة والأخرى بأيقونات 3D.
