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

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

Case 002تصميم تطبيق ويب ولوحة معلومات

Rei do Pitaco

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

دوري
مسارات المنتج وتصميم الواجهة
حالة المشروع
تصميم الواجهة · أرشيف Figma
شعار Rei do Pitaco على دائرة سوداء.
الشعار.

01

مساهمتي

عملت في Rei do Pitaco بصفة مصمم منتجات من مارس إلى أكتوبر 2022، على لعبة الفانتازي الخاصة بها وعلى إطلاق منتج جديد للمراهنات. وشمل ذلك تصميم تجربة المستخدم وواجهة المستخدم، وتصميم التفاعل، واختبار قابلية الاستخدام، والتقييم الاستدلالي، وأبحاث تجربة المستخدم، واكتشاف المنتج.

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

تمرير عبر التصميم: صفحة قائمة الانتظار، من الجوائز إلى طريقة عمل النقاط.
شاشة هاتف فيها صورة لمشجعي كرة قدم بقمصان صفراء، وشعار Rei do Pitaco Betting، وزران للتسجيل، ورابطان لتسجيل الدخول أو استعادة كلمة المرور.
شاشة هاتف داكنة تطلب رقم CPF، فيها حقل فارغ بإطار أحمر، وخطأ الحقل المطلوب، وملاحظة تحته، وأزرار الرجوع والتالي.
تسجيل من النموذج الأولي في Figma. التسجيل، سؤال واحد في كل مرة. تم تمويه بريد إلكتروني تجريبي. تفصل شاشة التسجيل الأولى بين حساب جديد وحساب موجود. تعرض خطوة الهوية خطأها في مكانه، مع ترك الحقل فارغا.

02

رسم خريطة للإطلاق قبل تصميمه

بدأ العمل ببنية: خريطة موقع لقائمة الانتظار ومسار رئيسي من أربع مراحل. يُدخل الاشتراك الشخص إلى القائمة، ويؤكد KYC هويته، وتجلب الإحالة والمشاركة آخرين معه، وتُظهر النتيجة موقعه. وكان على كل شاشة تلت ذلك أن تخدم إحدى هذه المراحل.

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

03

طريقان للدخول، وخطوة واحدة في كل مرة

تفصل الشاشة الأولى بين حالتين: إنشاء حساب جديد أو استخدام حساب موجود في Rei do Pitaco. وللعائدين روابط خاصة تحت هذين الزرين: رابط لتسجيل الدخول وآخر لاستعادة كلمة المرور.

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

المسار الرئيسي: الاشتراك، وKYC، والإحالة والمشاركة، والنتيجة.
المسار الرئيسي، في أربع مراحل.

04

قائمة انتظار تشرح الجائزة

تعلن صفحة الهبوط عن منتج المراهنات الجديد بسطر واحد، ‎“O betting do Rei vem aí!”‎، وبإجراء واحد: ترك بريد إلكتروني والانضمام إلى القائمة. ويشرح كل ما تحتها لماذا يستحق ذلك العناء، بدءا بما يزيد على R$ 1 مليون من الجوائز.

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

خريطة موقع قائمة الانتظار.
خريطة موقع قائمة الانتظار.

05

بعد التسجيل، عدّ تنازلي

بعد الدخول، تُبقي منطقة الأعضاء الإطلاق حاضرا: الأيام المتبقية، وسلّم للجوائز، وحالة التحقق من الحساب. ويحتوي الملف على نسخة موثقة وأخرى غير موثقة، ليرى من توقف في منتصف الطريق ما الذي ينقصه.

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

منطقة الأعضاء مع المركز في الترتيب والنقاط وقائمة التحقق.
منطقة الأعضاء لحساب غير موثق. اسم تجريبي وجوائز مخفية.
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 دراسات الحالة

القناة 02 تصميم تطبيق ويب ولوحة معلومات

Rei do Pitaco

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

دوري
مسارات المنتج وتصميم الواجهة
حالة المشروع
تصميم الواجهة · أرشيف Figma
شعار Rei do Pitaco على دائرة سوداء.
الشعار.

قائمة انتظار بخطوات قصيرة

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

مساهمتي

عملت في Rei do Pitaco بصفة مصمم منتجات من مارس إلى أكتوبر 2022، على لعبة الفانتازي الخاصة بها وعلى إطلاق منتج جديد للمراهنات. وشمل ذلك تصميم تجربة المستخدم وواجهة المستخدم، وتصميم التفاعل، واختبار قابلية الاستخدام، والتقييم الاستدلالي، وأبحاث تجربة المستخدم، واكتشاف المنتج.

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

تسجيل من النموذج الأولي في Figma. التسجيل، سؤال واحد في كل مرة. تم تمويه بريد إلكتروني تجريبي.

رسم خريطة للإطلاق قبل تصميمه

بدأ العمل ببنية: خريطة موقع لقائمة الانتظار ومسار رئيسي من أربع مراحل. يُدخل الاشتراك الشخص إلى القائمة، ويؤكد KYC هويته، وتجلب الإحالة والمشاركة آخرين معه، وتُظهر النتيجة موقعه. وكان على كل شاشة تلت ذلك أن تخدم إحدى هذه المراحل.

المسار الرئيسي: الاشتراك، وKYC، والإحالة والمشاركة، والنتيجة.
المسار الرئيسي، في أربع مراحل.
خريطة موقع قائمة الانتظار.
خريطة موقع قائمة الانتظار.

طريقان للدخول، وخطوة واحدة في كل مرة

تفصل الشاشة الأولى بين حالتين: إنشاء حساب جديد أو استخدام حساب موجود في Rei do Pitaco. وللعائدين روابط خاصة تحت هذين الزرين: رابط لتسجيل الدخول وآخر لاستعادة كلمة المرور.

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

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

قائمة انتظار تشرح الجائزة

تعلن صفحة الهبوط عن منتج المراهنات الجديد بسطر واحد، ‎“O betting do Rei vem aí!”‎، وبإجراء واحد: ترك بريد إلكتروني والانضمام إلى القائمة. ويشرح كل ما تحتها لماذا يستحق ذلك العناء، بدءا بما يزيد على R$ 1 مليون من الجوائز.

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

تمرير عبر التصميم: صفحة قائمة الانتظار، من الجوائز إلى طريقة عمل النقاط.

بعد التسجيل، عدّ تنازلي

بعد الدخول، تُبقي منطقة الأعضاء الإطلاق حاضرا: الأيام المتبقية، وسلّم للجوائز، وحالة التحقق من الحساب. ويحتوي الملف على نسخة موثقة وأخرى غير موثقة، ليرى من توقف في منتصف الطريق ما الذي ينقصه.

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

منطقة الأعضاء مع المركز في الترتيب والنقاط وقائمة التحقق.
منطقة الأعضاء لحساب غير موثق. اسم تجريبي وجوائز مخفية.