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

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

Case 053تصميم صفحة هبوط

Trackland

صفحة هبوط لمنصة تخصّص واجهات Salesforce، بنسختين زرقاوين من السمة مع قائمة للجوال.

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

01

مساهمتي

Trackland صفحة هبوط لمنصة تخصّص واجهات Salesforce. يضم ملف Figma نسختين من سمة الصفحة هما New blue وPrevious blue، إضافةً إلى قائمة للجوال.

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

02

شرح الربط بمخطط توضيحي

تعتمد الصفحة على الأبيض والرمادي الأردوازي وأزرق واحد قوي. وفي قسمها الداكن يقع Trackland في مركز حلقة من بطاقات قواعد بيانات Salesforce، وتتجه نحوه أسهم منقّطة من الخارج، فتُقرأ فكرة ربط هذه المصادر قبل أي فقرة.

قائمة بيضاء للهاتف فيها شعار Trackland وأيقونة إغلاق وأربعة روابط، أحدها Resources مفتوح على أربعة روابط فرعية، وزر أزرق Try for Free! ورابط Sign in.
يتوسع Resources في مكانه، وتنتهي القائمة بإجراءي الحساب.

03

قائمة تنفتح في مكانها

على الهاتف يتوسع بند Resources في موضعه، وتظهر تحته روابطه الأربعة بإزاحة إلى الداخل. وتنتهي القائمة بزر Try for Free! مصمت ورابط نصي هو Sign in، فيبقى لإجراءي الحساب وزنان بصريان مختلفان.

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