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

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

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

Univesell

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

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

01

مساهمتي

Univesell تطبيق سوق إلكتروني ثنائي الجانب للمناسبات: من يخطط لمناسبة في جانب، والموردون في الجانب الآخر. يتصفح المخططون الشركات والمحترفين والوكالات، ويديرون كل مناسبة في التطبيق نفسه.

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

شاشة مناسبة لحفل زفاف تجريبي بترويسة داكنة، ورسم بياني حلقي للميزانية، وعدد الضيوف، والأيام المتبقية، وقائمة تحقق بالمهام.
شاشة إدارة المناسبات تعرض حفل زفاف وعيد ميلاد، وعلى كل بطاقة شريطا تقدم للمهام والميزانية، وزر New في الأعلى.
جولة في شاشات التصميم، وليست تسجيلًا: إدارة مناسبة، من تفاصيلها إلى الدعوة وأرباح المورّد. تفاصيل المناسبة: الميزانية والضيوف والأيام المتبقية والمهام في تمريرة واحدة. بيانات تجريبية. قائمة المناسبات: المهام والميزانية في شريطين على كل بطاقة.

02

مناسبة واحدة على شاشة واحدة

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

تطبق قائمة المناسبات الفكرة نفسها على مستوى أعلى. تعرض كل بطاقة المهام والميزانية في شريطي تقدم، فيمكن رؤية كيف تقارن المناسبات ببعضها قبل فتح أي منها.

شاشة الأرباح برسم بياني حلقي للمبالغ الجارية والسابقة فوق سجل للطلبات وعمليات السحب.
نموذج إعدادات الدعوة بحقول للعنوان والرسالة وتاريخ الانتهاء ووقته والتذكيرات وملف مرفوع، فوق Save settings وCancel.
جانب المورّد: الأرباح، بنمط الرسم البياني والسجل نفسه. بيانات تجريبية. الدعوات: الرسالة وانتهاء الصلاحية والتذكيرات وملف مرفق.

03

الجانب الآخر من السوق

في جانب المورّد تعيد شاشة الأرباح استخدام البنية نفسها: رسم بياني حلقي في الأعلى وقائمة سجل في الأسفل، وهي تفصل الآن بين المبالغ الجارية والسابقة، مع الطلبات وعمليات السحب في القائمة. يتيح اشتراك الجانبين في نمط واحد التعرف عليهما كمنتج واحد.

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

04

المنتج كله على خريطة واحدة

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

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

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

Univesell

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

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

مناسبة وميزانيتها وضيوفها على شاشة واحدة

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

مساهمتي

Univesell تطبيق سوق إلكتروني ثنائي الجانب للمناسبات: من يخطط لمناسبة في جانب، والموردون في الجانب الآخر. يتصفح المخططون الشركات والمحترفين والوكالات، ويديرون كل مناسبة في التطبيق نفسه.

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

جولة في شاشات التصميم، وليست تسجيلًا: إدارة مناسبة، من تفاصيلها إلى الدعوة وأرباح المورّد.
شاشة مناسبة لحفل زفاف تجريبي بترويسة داكنة، ورسم بياني حلقي للميزانية، وعدد الضيوف، والأيام المتبقية، وقائمة تحقق بالمهام.
تفاصيل المناسبة: الميزانية والضيوف والأيام المتبقية والمهام في تمريرة واحدة. بيانات تجريبية.

مناسبة واحدة على شاشة واحدة

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

تطبق قائمة المناسبات الفكرة نفسها على مستوى أعلى. تعرض كل بطاقة المهام والميزانية في شريطي تقدم، فيمكن رؤية كيف تقارن المناسبات ببعضها قبل فتح أي منها.

شاشة إدارة المناسبات تعرض حفل زفاف وعيد ميلاد، وعلى كل بطاقة شريطا تقدم للمهام والميزانية، وزر New في الأعلى.
قائمة المناسبات: المهام والميزانية في شريطين على كل بطاقة.

الجانب الآخر من السوق

في جانب المورّد تعيد شاشة الأرباح استخدام البنية نفسها: رسم بياني حلقي في الأعلى وقائمة سجل في الأسفل، وهي تفصل الآن بين المبالغ الجارية والسابقة، مع الطلبات وعمليات السحب في القائمة. يتيح اشتراك الجانبين في نمط واحد التعرف عليهما كمنتج واحد.

شاشة الأرباح برسم بياني حلقي للمبالغ الجارية والسابقة فوق سجل للطلبات وعمليات السحب.
جانب المورّد: الأرباح، بنمط الرسم البياني والسجل نفسه. بيانات تجريبية.
نموذج إعدادات الدعوة بحقول للعنوان والرسالة وتاريخ الانتهاء ووقته والتذكيرات وملف مرفوع، فوق Save settings وCancel.
الدعوات: الرسالة وانتهاء الصلاحية والتذكيرات وملف مرفق.

المنتج كله على خريطة واحدة

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

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