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

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

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

Helps On

تطبيق باللغة البرتغالية لطلب خدمات منزلية، مثل عامل نظافة أو كهربائي، ويضم محفظة وكوبونات وخطة PRO. الأسماء والمبالغ على الشاشة بيانات تجريبية.

دوري
مسارات المنتج وتصميم الواجهة
حالة المشروع
تصميم الواجهة · أرشيف Figma
غلاف العرض التقديمي لتطبيق Helps On من ملف التصميم الأصلي.
غلاف العرض التقديمي من الملف الأصلي.

01

مساهمتي

Helps On تطبيق باللغة البرتغالية لطلب الخدمات، من عامل نظافة إلى كهربائي أو استبدال دش الاستحمام. ويحيط بكل طلب ما يلزم لدفع ثمنه: محفظة وبطاقات محفوظة وكوبونات وخطة PRO.

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

الشاشة الرئيسية فيها قائمة من ثلاثة طلبات، والعنوان Meus atalhos، وبطاقة كبيرة داكنة باسم Minhas solicitações عليها شارة Novas atualizações.
شاشة المحفظة برصيد تجريبي قدره R$ 300,00، وزر Adicionar saldo، وبطاقات محفوظة بأرقام مخفية، ولافتة للكوبونات، وآخر العمليات.
جولة في شاشات التصميم، وليست تسجيلا: الشاشة الرئيسية والمحفظة والكوبونات. تجمع الشاشة الرئيسية بين الطلبات الأخيرة وبطاقات الاختصارات الكبيرة. تجمع المحفظة الرصيد والبطاقات والكوبونات في شاشة واحدة.

02

اختصارات تعرض حالتها بنفسها

تجمع الشاشة الرئيسية بين قائمة قصيرة من الطلبات وصف من البطاقات الكبيرة تحت عنوان Meus atalhos. تحمل كل بطاقة اسم وجهة واحدة وشارة حالة صغيرة، مثل Novas atualizações أو عدد البطاقات النشطة، ليرى المستخدم ما تغير قبل أن يفتح أي شيء. وتظهر البطاقة التالية جزئيا من الحافة اليمنى، وهذا يدل على أن الصف يستمر.

شاشة Meus cupons فيها تبويبان هما Ativos وExpirados، وبطاقتان للكوبونات لكل منهما صورة وخصم وتاريخ صلاحية ورمز.
الكوبونات مقسمة إلى نشطة ومنتهية، ولكل منها رمزه.

03

الرصيد أولا، ثم كل ما حوله

تبدأ المحفظة بالرصيد وبزر واحد مملوء هو Adicionar saldo، ويجاوره كشف الحساب كخيار أهدأ. ثم تأتي البطاقات المحفوظة والكوبونات وآخر العمليات بهذا الترتيب، فيبقى المال المتاح في الأعلى ويبقى السجل على بعد تمريرة واحدة.

للكوبونات شاشتها الخاصة، مقسمة إلى Ativos وExpirados. تضع كل بطاقة صورة فوق الخدمة والخصم وتاريخ الصلاحية ورمز الكوبون، ويأتي في آخرها Detalhes do cupom.

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 دراسات الحالة

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

Helps On

تطبيق باللغة البرتغالية لطلب خدمات منزلية، مثل عامل نظافة أو كهربائي، ويضم محفظة وكوبونات وخطة PRO. الأسماء والمبالغ على الشاشة بيانات تجريبية.

دوري
مسارات المنتج وتصميم الواجهة
حالة المشروع
تصميم الواجهة · أرشيف Figma
غلاف العرض التقديمي لتطبيق Helps On من ملف التصميم الأصلي.
غلاف العرض التقديمي من الملف الأصلي.

خدمات منزلية، والمحفظة بجانبها مباشرة

شاشات من ملف التصميم الأصلي في Figma، ببيانات تجريبية.

مساهمتي

Helps On تطبيق باللغة البرتغالية لطلب الخدمات، من عامل نظافة إلى كهربائي أو استبدال دش الاستحمام. ويحيط بكل طلب ما يلزم لدفع ثمنه: محفظة وبطاقات محفوظة وكوبونات وخطة PRO.

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

جولة في شاشات التصميم، وليست تسجيلا: الشاشة الرئيسية والمحفظة والكوبونات.
الشاشة الرئيسية فيها قائمة من ثلاثة طلبات، والعنوان Meus atalhos، وبطاقة كبيرة داكنة باسم Minhas solicitações عليها شارة Novas atualizações.
تجمع الشاشة الرئيسية بين الطلبات الأخيرة وبطاقات الاختصارات الكبيرة.

اختصارات تعرض حالتها بنفسها

تجمع الشاشة الرئيسية بين قائمة قصيرة من الطلبات وصف من البطاقات الكبيرة تحت عنوان Meus atalhos. تحمل كل بطاقة اسم وجهة واحدة وشارة حالة صغيرة، مثل Novas atualizações أو عدد البطاقات النشطة، ليرى المستخدم ما تغير قبل أن يفتح أي شيء. وتظهر البطاقة التالية جزئيا من الحافة اليمنى، وهذا يدل على أن الصف يستمر.

شاشة المحفظة برصيد تجريبي قدره R$ 300,00، وزر Adicionar saldo، وبطاقات محفوظة بأرقام مخفية، ولافتة للكوبونات، وآخر العمليات.
تجمع المحفظة الرصيد والبطاقات والكوبونات في شاشة واحدة.

الرصيد أولا، ثم كل ما حوله

تبدأ المحفظة بالرصيد وبزر واحد مملوء هو Adicionar saldo، ويجاوره كشف الحساب كخيار أهدأ. ثم تأتي البطاقات المحفوظة والكوبونات وآخر العمليات بهذا الترتيب، فيبقى المال المتاح في الأعلى ويبقى السجل على بعد تمريرة واحدة.

للكوبونات شاشتها الخاصة، مقسمة إلى Ativos وExpirados. تضع كل بطاقة صورة فوق الخدمة والخصم وتاريخ الصلاحية ورمز الكوبون، ويأتي في آخرها Detalhes do cupom.

شاشة Meus cupons فيها تبويبان هما Ativos وExpirados، وبطاقتان للكوبونات لكل منهما صورة وخصم وتاريخ صلاحية ورمز.
الكوبونات مقسمة إلى نشطة ومنتهية، ولكل منها رمزه.