اسحب للاستكشاف. مرّر أو استخدم إصبعين للتكبير. افتح المساعدة لعرض اختصارات لوحة المفاتيح.

Yan
متاح
للمشاريع
لنتحدث
Yan Fontão Boring view
All work

Case 022تصميم تطبيق للهاتف المحمول

AglomeraNão

واجهة تطبيق جوال باللغة البرتغالية لحجز جولة تسوق بعيدا عن الزحام، مع خريطة حرارية لمدينة Manaus، ومتاجر عليها وسم بمدى ازدحامها، وموعد للحجز.

دوري
تصميم الواجهات
حالة المشروع
تطبيق جوال · أرشيف Figma
نموذج تصميمي لتطبيق AglomeraNão مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.
نموذج تصميمي مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.

01

مساهمتي

تطرح الشاشة الرئيسية سؤالا مباشرا: هل تخيلت أن تتسوق من دون تزاحم الناس ومن دون خطر الإصابة بكورونا؟ ويجيب AglomeraNão بثلاثة خيارات هي Check-in وAgenda وMapa، وبثلاثة أنواع من الأماكن: الأسواق والصيدليات ومتاجر الحيوانات الأليفة.

شاشة الخريطة الحرارية بترويسة Aglomeranão! وحقل بحث فوق خريطة Manaus، فيها دوائر بنفسجية وبرتقالية وزرقاء بأحجام مختلفة فوق أحياء مثل Novo Aleixo وPetrópolis، وزر دائري للرسم البياني في أسفل اليمين.
صفحة متجر فيها صورة لواجهة المتجر عليها وسم fluxo tranquilo، مع المسافة والوقت والدرجة، وخريطة شوارع، وشريط سفلي فيه الموعد 14:15 بجانب زر Agendar! البنفسجي.
تسجيل من النموذج الأولي في Figma. العدّ التنازلي لتسجيل الخروج، وخريطة الازدحام في Manaus، ولوحة الإحصاءات. الخريطة الحرارية، بدوائر فوق أحياء Manaus. صفحة المتجر وهي تنتهي بزر Agendar!‎ وبجانبه موعد.

02

ازدحام تقرؤه بنظرة واحدة

تحت حقل البحث، تضع الخريطة الحرارية دوائر بأحجام وألوان مختلفة فوق أحياء Manaus. وتنقل صفحة المتجر الفكرة نفسها إلى وسم صغير على الصورة، مثل fluxo tranquilo، بجانب المسافة والوقت والدرجة. أسماء المتاجر محتوى تجريبي.

الشاشة الرئيسية ترحب بالزائر فوق صورة لمشتريات البقالة، مع نص قصير عن التسوق بلا زحام، ثم خيارات Check-in وAgenda وMapa وبطاقات Mercados وFarmácias وPetshops.
الشاشة الرئيسية بخياراتها وأنواع الأماكن الثلاثة.

03

صفحة متجر تنتهي بموعد

تكرر صفحة المتجر الوسم والأرقام الثلاثة، وتضيف خريطة شوارع، وتنتهي بشريط في الأسفل فيه زر Agendar!‎ وبجانبه موعد 14:15. وكل ما فوقه يقود إلى هذا الإجراء الواحد.

ورقة بتنويعات الشعار النصي: não! وحدها، وAglomera مع não! بترتيب رأسي وفي سطر واحد، بالأسود والأبيض والبنفسجي، على خلفيتين بيضاء وسوداء.
تنويعات الشعار النصي، والثقل على não!‎.

04

كل الثقل على «لا»

يكتب الشعار النصي Aglomera بخط خفيف مضغوط، وnão!‎ بخط ثقيل، بالبنفسجي، فيقول الاسم رسالته بصوت عال. ويمتد البنفسجي نفسه إلى الأيقونات والزر الرئيسي عبر الشاشات.

000

التعليمات

Yan Fontão
لمسة
تفتح شاشة
نقرة
تفتح شاشة
سحب
يتجوّل في اللوحة
العجلة
الفأرة تكبّر، ولوحة اللمس تحرّك، وإصبعان يكبّران
− +
تراجع لرؤية اللوحة كاملة، أو اقترب
الأسهم
في دراسة الحالة: ↑↓ لتبديل الدراسة، ←→ لتبديل الوسائط. في اللوحة: للتحريك
مسافة
تفتح أو تعود
Enter
يفتح
Esc Backspace
رجوع
Home
العودة إلى الوسط، ثم إلى المقدمة
PgUp PgDn
القناة السابقة أو التالية
Tab
يتنقل بين المشاريع والروابط
R
مشروع عشوائي
0–9
اكتب رقم القناة، 1–61
?
هذه الصفحة
الاختصارات

موسيقى اللوحة

الملفات مضغوطة وموحّدة الصوت للويب.

متاح
للمشاريع
لنتحدث

رسالة جديدة إلى يان

أخبرني من أنت وسأرد عليك.

000

عن يان

مرحبًا، أنا يان

مصمم منتجات/ مهندس تصميم

معظم المنتجات تفقد شيئًا بين التصميم والبرمجة. منتجاتي لا: أبحث في المشكلة، وأصمم المنتج، وأطلق الواجهة بنفسي، فما توافق عليه هو بالضبط ما يحصل عليه مستخدموك.

  • 2018بداية تطوير البرمجيات
  • UI + codeالتصميم والتنفيذ

عملت مع Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

البرازيل · عن بُعد أو هجين أو حضوريًا

صورة يان فونتاو جالسًا بسترة خضراء ونظارة ويمسك ميكروفونًا.
متاح
للمشاريع
لنتحدث
متاح
للمشاريع
لنتحدث
000

قناة مقفلة

بموجب اتفاقية عدم إفصاح

أدخل الرمز

اطلب الرمز من يان ↗
متاح
للمشاريع
لنتحدث
YAN FONTÃO دراسات الحالة

القناة 22 تصميم تطبيق للهاتف المحمول

AglomeraNão

واجهة تطبيق جوال باللغة البرتغالية لحجز جولة تسوق بعيدا عن الزحام، مع خريطة حرارية لمدينة Manaus، ومتاجر عليها وسم بمدى ازدحامها، وموعد للحجز.

دوري
تصميم الواجهات
حالة المشروع
تطبيق جوال · أرشيف Figma
نموذج تصميمي لتطبيق AglomeraNão مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.
نموذج تصميمي مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.

اعرف مدى ازدحام المكان قبل أن تذهب

شاشات من ملف Figma الأصلي. أسماء المتاجر والأرقام محتوى تجريبي.

مساهمتي

تطرح الشاشة الرئيسية سؤالا مباشرا: هل تخيلت أن تتسوق من دون تزاحم الناس ومن دون خطر الإصابة بكورونا؟ ويجيب AglomeraNão بثلاثة خيارات هي Check-in وAgenda وMapa، وبثلاثة أنواع من الأماكن: الأسواق والصيدليات ومتاجر الحيوانات الأليفة.

تسجيل من النموذج الأولي في Figma. العدّ التنازلي لتسجيل الخروج، وخريطة الازدحام في Manaus، ولوحة الإحصاءات.
شاشة الخريطة الحرارية بترويسة Aglomeranão! وحقل بحث فوق خريطة Manaus، فيها دوائر بنفسجية وبرتقالية وزرقاء بأحجام مختلفة فوق أحياء مثل Novo Aleixo وPetrópolis، وزر دائري للرسم البياني في أسفل اليمين.
الخريطة الحرارية، بدوائر فوق أحياء Manaus.

ازدحام تقرؤه بنظرة واحدة

تحت حقل البحث، تضع الخريطة الحرارية دوائر بأحجام وألوان مختلفة فوق أحياء Manaus. وتنقل صفحة المتجر الفكرة نفسها إلى وسم صغير على الصورة، مثل fluxo tranquilo، بجانب المسافة والوقت والدرجة. أسماء المتاجر محتوى تجريبي.

صفحة متجر فيها صورة لواجهة المتجر عليها وسم fluxo tranquilo، مع المسافة والوقت والدرجة، وخريطة شوارع، وشريط سفلي فيه الموعد 14:15 بجانب زر Agendar! البنفسجي.
صفحة المتجر وهي تنتهي بزر Agendar!‎ وبجانبه موعد.

صفحة متجر تنتهي بموعد

تكرر صفحة المتجر الوسم والأرقام الثلاثة، وتضيف خريطة شوارع، وتنتهي بشريط في الأسفل فيه زر Agendar!‎ وبجانبه موعد 14:15. وكل ما فوقه يقود إلى هذا الإجراء الواحد.

الشاشة الرئيسية ترحب بالزائر فوق صورة لمشتريات البقالة، مع نص قصير عن التسوق بلا زحام، ثم خيارات Check-in وAgenda وMapa وبطاقات Mercados وFarmácias وPetshops.
الشاشة الرئيسية بخياراتها وأنواع الأماكن الثلاثة.

كل الثقل على «لا»

يكتب الشعار النصي Aglomera بخط خفيف مضغوط، وnão!‎ بخط ثقيل، بالبنفسجي، فيقول الاسم رسالته بصوت عال. ويمتد البنفسجي نفسه إلى الأيقونات والزر الرئيسي عبر الشاشات.

ورقة بتنويعات الشعار النصي: não! وحدها، وAglomera مع não! بترتيب رأسي وفي سطر واحد، بالأسود والأبيض والبنفسجي، على خلفيتين بيضاء وسوداء.
تنويعات الشعار النصي، والثقل على não!‎.