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

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

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

Ageu

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

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

01

مساهمتي

Ageu تطبيق باللغة البرتغالية لطلب عروض أسعار لمواد البناء. تنشئ طلبا واحدا يضم بنودا مثل الإسمنت والرمل والأسلاك الكهربائية، وترد عليه متاجر التوريد بعروض الأسعار.

النطاق الذي عملت عليه صغير: مسار طلب، وقائمة بالطلبات، ومقارنة بين عروض الأسعار، بسمة داكنة بأسلوب Material ولون تمييز ليلكي.

الطلب رقم 1 وتبويب Respostas مفتوح، وفيه ثلاث بطاقات لعروض الأسعار، تعرض كل منها سعر تقسيط بالأخضر وسعرا نقديا والبنود المشمولة والشحن وأيام التوصيل ورابط Comprar.
شاشة الطلبات تحيي Thomas، وفيها تبويبات للتصفية، وثلاث بطاقات طلبات تعرض عدد عروض الأسعار التي تلقاها كل طلب وحالته، وزر Novo pedido.
جولة في شاشات التصميم، وليست تسجيلا: من قائمة طلبات فارغة إلى طلب وعروض أسعاره. عروض الأسعار: السعر والبنود المشمولة والشحن ومدة التوصيل في بطاقة واحدة. الطلبات: عدد عروض الأسعار والحالة بنظرة واحدة، مع تصفية بحسب المرحلة.

02

مقارنة ما وصل من عروض الأسعار

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

هذا التكرار يجعل المفاضلات ظاهرة دون فتح أي شيء. ففي البيانات التجريبية يغطي أقل سعر 20 بندا من 23، بينما يغطي عرض آخر البنود كلها، أي 23 بندا، مع شحن مجاني وانتظار 28 يوما.

شاشة الطلبات من دون طلبات، وفيها رسم توضيحي داكن صغير لقائمة، ورسالة قصيرة بالبرتغالية، وزر Novo pedido.
الحالة الفارغة: أين ستظهر الطلبات، والإجراء الوحيد المتاح.

03

طلبات يمكنك تتبعها

تعرض قائمة الطلبات عدد عروض الأسعار لكل طلب وحالته، مع تبويب لكل مرحلة: Todos وAguardando respostas وRespondidos وConcluídos. وحين لا توجد طلبات بعد، تبين الحالة الفارغة أين ستظهر، وتترك زر Novo pedido الإجراء الوحيد.

الطلب الجديد مسار من ثلاث خطوات، فيه Voltar ونقاط التقدم وPróximo في شريط واحد. وفي خطوة البنود يُبقي كل سطر كميته ووحدته ظاهرتين، وبجانبه التعديل والحذف.

شاشتان داكنتان على خلفية سوداء: خطوة البنود في طلب جديد وهي تسرد المواد بكمياتها، وقائمة عروض الأسعار للطلب رقم 1.
عرض تقديمي من Dribbble: خطوة البنود بجانب قائمة عروض الأسعار.
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 دراسات الحالة

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

Ageu

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

دوري
مسارات المنتج وتصميم الواجهة
حالة المشروع
تصميم الواجهات · أرشيف Figma وDribbble

شاهده على Dribbble

نموذج تصميمي لتطبيق Ageu مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.
نموذج تصميمي مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.

طلب واحد لمواد البناء، وعروض الأسعار كلها جنبا إلى جنب

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

مساهمتي

Ageu تطبيق باللغة البرتغالية لطلب عروض أسعار لمواد البناء. تنشئ طلبا واحدا يضم بنودا مثل الإسمنت والرمل والأسلاك الكهربائية، وترد عليه متاجر التوريد بعروض الأسعار.

النطاق الذي عملت عليه صغير: مسار طلب، وقائمة بالطلبات، ومقارنة بين عروض الأسعار، بسمة داكنة بأسلوب Material ولون تمييز ليلكي.

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

مقارنة ما وصل من عروض الأسعار

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

هذا التكرار يجعل المفاضلات ظاهرة دون فتح أي شيء. ففي البيانات التجريبية يغطي أقل سعر 20 بندا من 23، بينما يغطي عرض آخر البنود كلها، أي 23 بندا، مع شحن مجاني وانتظار 28 يوما.

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

طلبات يمكنك تتبعها

تعرض قائمة الطلبات عدد عروض الأسعار لكل طلب وحالته، مع تبويب لكل مرحلة: Todos وAguardando respostas وRespondidos وConcluídos. وحين لا توجد طلبات بعد، تبين الحالة الفارغة أين ستظهر، وتترك زر Novo pedido الإجراء الوحيد.

الطلب الجديد مسار من ثلاث خطوات، فيه Voltar ونقاط التقدم وPróximo في شريط واحد. وفي خطوة البنود يُبقي كل سطر كميته ووحدته ظاهرتين، وبجانبه التعديل والحذف.

شاشتان داكنتان على خلفية سوداء: خطوة البنود في طلب جديد وهي تسرد المواد بكمياتها، وقائمة عروض الأسعار للطلب رقم 1.
عرض تقديمي من Dribbble: خطوة البنود بجانب قائمة عروض الأسعار.