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

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

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

Succession Now

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

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

01

مساهمتي

Succession Now موقع تسويقي لمنتج تخطيط التعاقب. ويغطي ملف Figma صفحة هبوط، ونافذة حوار للعرض التوضيحي مع رسائل النجاح الخاصة بها، وعرض دليل، ونسخ الهاتف من القائمة ومن نوافذ الحوار.

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

02

إبقاء الخطوة التالية في مرمى البصر

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

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

نافذة حوار بملء شاشة الهاتف فيها صورة بلون أخضر فاتح تحمل شعار Succession Now، ورسالة قصيرة، وحقلان للاسم والبريد الإلكتروني، وزر أخضر «احجز عرضي التوضيحي».
قائمة الهاتف فيها شعار Succession Now وأيقونة إغلاق وستة روابط نصية وكتلة فاتحة لتسجيل الدخول وزر أخضر ممتلئ «احجز عرضي التوضيحي».
تطلب نافذة حوار العرض التوضيحي اسما وبريدا إلكترونيا، مع زر واحد للمتابعة. تنتهي قائمة الهاتف بتسجيل الدخول في كتلة فاتحة والعرض التوضيحي بأخضر ممتلئ.

03

نافذة حوار تطلب القليل جدا

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

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