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

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

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

Boater

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

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

01

مساهمتي

Boater منصة باللغة البرتغالية تربط، بحسب نص الترحيب فيها، المهتمين باستئجار القوارب بالمعلنين. يضم ملف Figma 52 إطارًا للهاتف إضافة إلى المتغيّرات، موزعة بين مسار المستأجر، من البحث والحجز إلى تسجيل الوصول والمحادثة، ومنطقة للمعلن لها ملف شخصي وحجوزات خاصة بها. أرافق هنا المستأجر.

جولة في شاشات التصميم، وليست تسجيلًا: من الشاشة الرئيسية إلى حجز مؤكد.

02

الرحلة القادمة تحتل أعلى الشاشة

عندما يقترب موعد الحجز، تظهر بطاقة داكنة في أعلى الشاشة الرئيسية فيها ما حجزه المستخدم والتاريخ والوقت المتبقي وزر واحد هو Fazer check-in. يبدأ الاستكشاف أسفلها، ومعه تبويبا Para você وExplorar وبطاقات صور كبيرة لأكثر الأماكن بحثًا. تخدم الشاشة نفسها من هو على وشك الصعود ومن لا يزال يختار.

شعار Boater الأبيض على خلفية داكنة بجانب هاتفين: شاشة تهيئة أولية فيها قارب على بحيرة جبلية والعنوان Passeios de A a Z، وشاشة رئيسية فيها أماكن وجولات شائعة.
التهيئة الأولية ونسخة من الشاشة الرئيسية فيها أماكن وجولات شائعة.

03

من سيمسك بالدفة

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

الشاشة الرئيسية ببطاقة داكنة للحجز القادم وعدّ تنازلي لمدة 30 دقيقة وزر Fazer check-in، فوق بطاقات صور لأكثر الأماكن بحثًا في Angra dos Reis.
صورة بملء الشاشة لبحر وجزيرة مع شعار Boater الأبيض والرسالة Sua reserva foi criada!‎ وزر Ver Reservas.
شاشة المعلومات في تبويب Capitão da Embarcação، ببطاقات داكنة لنبذة القبطان التجريبي وإحصاءاته، تليها قائمة بالشهادات.
الحجز القادم وتسجيل الوصول الخاص به فوق الاستكشاف. يقود الحجز المنشأ إلى تبويب Reservas. للقبطان ملف شخصي فيه الخبرة والشهادات.

04

في النهاية، تفسح الواجهة المجال للبحر

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

صورة بحر معتّمة مع شعار Boater والعنوان Aproveite seu passeio!‎ وبطاقة بيضاء بنصائح وتوصيات وزر Fechar.
نصائح وتوصيات للرحلة.
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 دراسات الحالة

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

Boater

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

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

من اختيار القارب إلى الصعود على متنه

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

مساهمتي

Boater منصة باللغة البرتغالية تربط، بحسب نص الترحيب فيها، المهتمين باستئجار القوارب بالمعلنين. يضم ملف Figma 52 إطارًا للهاتف إضافة إلى المتغيّرات، موزعة بين مسار المستأجر، من البحث والحجز إلى تسجيل الوصول والمحادثة، ومنطقة للمعلن لها ملف شخصي وحجوزات خاصة بها. أرافق هنا المستأجر.

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

الرحلة القادمة تحتل أعلى الشاشة

عندما يقترب موعد الحجز، تظهر بطاقة داكنة في أعلى الشاشة الرئيسية فيها ما حجزه المستخدم والتاريخ والوقت المتبقي وزر واحد هو Fazer check-in. يبدأ الاستكشاف أسفلها، ومعه تبويبا Para você وExplorar وبطاقات صور كبيرة لأكثر الأماكن بحثًا. تخدم الشاشة نفسها من هو على وشك الصعود ومن لا يزال يختار.

الشاشة الرئيسية ببطاقة داكنة للحجز القادم وعدّ تنازلي لمدة 30 دقيقة وزر Fazer check-in، فوق بطاقات صور لأكثر الأماكن بحثًا في Angra dos Reis.
الحجز القادم وتسجيل الوصول الخاص به فوق الاستكشاف.

من سيمسك بالدفة

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

صورة بملء الشاشة لبحر وجزيرة مع شعار Boater الأبيض والرسالة Sua reserva foi criada!‎ وزر Ver Reservas.
يقود الحجز المنشأ إلى تبويب Reservas.
شاشة المعلومات في تبويب Capitão da Embarcação، ببطاقات داكنة لنبذة القبطان التجريبي وإحصاءاته، تليها قائمة بالشهادات.
للقبطان ملف شخصي فيه الخبرة والشهادات.

في النهاية، تفسح الواجهة المجال للبحر

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

صورة بحر معتّمة مع شعار Boater والعنوان Aproveite seu passeio!‎ وبطاقة بيضاء بنصائح وتوصيات وزر Fechar.
نصائح وتوصيات للرحلة.