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

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

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

ÉOS Energia

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

دوري
مسارات المنتج وتصميم الواجهة
حالة المشروع
تصميم الواجهة · أرشيف Figma
لوح شمسي 3D والشمس تنزلق عبر خلاياه.
مجسّم 3D مصنوع للوحة المشاريع هذه.

01

مساهمتي

ÉOS Energia منصة باللغة البرتغالية لمحطات الطاقة الشمسية، وفكرة الطاقة المشتركة حاضرة في شعارها نفسه. توجد لوحة المعلومات نفسها لثلاثة أدوار: Administrador وProdutor وConsumidor.

يشمل ملف التصميم أيضًا الملف الشخصي والمستندات والفواتير ونوافذ منبثقة للرسم البياني والعقد، ونماذج تسجيل الدخول والتسجيل المسبق. الأرقام في هذه الشاشات بيانات تجريبية.

تمرير عبر التصميم: صفحة الهبوط، من الوعد إلى الأرقام.
شعار ÉOS Energia مع عبارة Energia compartilhada على الأبيض، بجانب صور مائلة للألواح الشمسية والسماء ولوحة معلومات المسؤول داخل إطار.
لوحة معلومات المسؤول مع علامة ÉOS Energia وأجوائها الشمسية.

02

الهيكل نفسه، وثلاث نقاط انطلاق

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

يحصل المسؤول على Usuários تحت Gerenciar. أما منتج الطاقة والمستهلك فيحصلان على Faturas، إضافة إلى Contrato وDocumentos تحت Arquivos، فتصبح مستندات الحساب بجوار الأرقام.

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

03

ما يقرؤه كل دور أولًا

عند المسؤول ومنتج الطاقة، يجمع القسم الأول الدخل ورصيد CO² والإنتاج والاستهلاك بجوار مقياس لإشغال المحطة، مع مقارنة بين الاستهلاك والإنتاج تحته. تحدد بلاطة صفراء واحدة الرقم الذي يُقرأ أولًا، بينما تبقى البلاطات الأخرى فاتحة.

في عرض المستهلك يأتي التوفير وخفض CO² بدل الدخل، ويغيب المقياس، ويضيف العرض جدولًا للمحطات فيه درجة الحرارة والإنتاج وشارة حالة مثل Em operação أو Em construção. تبقى البنية مألوفة، لكن السؤال ينتقل من مقدار ما كسبته المحطة إلى مقدار ما وفّره الحساب وحال محطاته.

لوحة معلومات المستهلك ببلاطات للتوفير وخفض CO² والاستهلاك، والرسم البياني نفسه، وجدول للمحطات بشارات حالة ملوّنة.
يبرز عرض المستهلك التوفير وجدولًا للمحطات مع حالة كل منها.
لوحة معلومات منتج الطاقة بالبلاطات والمقياس نفسيهما في عرض المسؤول، وعامل تصفية للمحطة، وقائمة فيها Faturas وContrato وDocumentos.
يحافظ عرض منتج الطاقة على التخطيط ويضيف الفواتير والعقد والمستندات إلى القائمة.

04

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

يحتفظ الملف أيضًا بعدة نسخ من صفحة الهبوط. على الجوال تفصل قائمتها الروابط الرئيسية عن مجموعة Mais، ثم تنتهي بزر أصفر هو Falar com um consultor ورابط نصي لمن لديهم حساب بالفعل.

قائمة بيضاء على الهاتف مع شعار ÉOS Energia وأيقونة إغلاق وثلاثة روابط رئيسية ومجموعة Mais من خمسة روابط وزر المستشار الأصفر ورابط نصي.
تنتهي قائمة الموقع على الهاتف بزر أصفر للتحدث مع مستشار.
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 دراسات الحالة

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

ÉOS Energia

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

دوري
مسارات المنتج وتصميم الواجهة
حالة المشروع
تصميم الواجهة · أرشيف Figma
لوح شمسي 3D والشمس تنزلق عبر خلاياه.
مجسّم 3D مصنوع للوحة المشاريع هذه.

لوحة معلومات واحدة تُقرأ من ثلاث زوايا للطاقة الشمسية

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

مساهمتي

ÉOS Energia منصة باللغة البرتغالية لمحطات الطاقة الشمسية، وفكرة الطاقة المشتركة حاضرة في شعارها نفسه. توجد لوحة المعلومات نفسها لثلاثة أدوار: Administrador وProdutor وConsumidor.

يشمل ملف التصميم أيضًا الملف الشخصي والمستندات والفواتير ونوافذ منبثقة للرسم البياني والعقد، ونماذج تسجيل الدخول والتسجيل المسبق. الأرقام في هذه الشاشات بيانات تجريبية.

تمرير عبر التصميم: صفحة الهبوط، من الوعد إلى الأرقام.
شعار ÉOS Energia مع عبارة Energia compartilhada على الأبيض، بجانب صور مائلة للألواح الشمسية والسماء ولوحة معلومات المسؤول داخل إطار.
لوحة معلومات المسؤول مع علامة ÉOS Energia وأجوائها الشمسية.

الهيكل نفسه، وثلاث نقاط انطلاق

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

يحصل المسؤول على Usuários تحت Gerenciar. أما منتج الطاقة والمستهلك فيحصلان على Faturas، إضافة إلى Contrato وDocumentos تحت Arquivos، فتصبح مستندات الحساب بجوار الأرقام.

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

ما يقرؤه كل دور أولًا

عند المسؤول ومنتج الطاقة، يجمع القسم الأول الدخل ورصيد CO² والإنتاج والاستهلاك بجوار مقياس لإشغال المحطة، مع مقارنة بين الاستهلاك والإنتاج تحته. تحدد بلاطة صفراء واحدة الرقم الذي يُقرأ أولًا، بينما تبقى البلاطات الأخرى فاتحة.

في عرض المستهلك يأتي التوفير وخفض CO² بدل الدخل، ويغيب المقياس، ويضيف العرض جدولًا للمحطات فيه درجة الحرارة والإنتاج وشارة حالة مثل Em operação أو Em construção. تبقى البنية مألوفة، لكن السؤال ينتقل من مقدار ما كسبته المحطة إلى مقدار ما وفّره الحساب وحال محطاته.

لوحة معلومات المستهلك ببلاطات للتوفير وخفض CO² والاستهلاك، والرسم البياني نفسه، وجدول للمحطات بشارات حالة ملوّنة.
يبرز عرض المستهلك التوفير وجدولًا للمحطات مع حالة كل منها.
لوحة معلومات منتج الطاقة بالبلاطات والمقياس نفسيهما في عرض المسؤول، وعامل تصفية للمحطة، وقائمة فيها Faturas وContrato وDocumentos.
يحافظ عرض منتج الطاقة على التخطيط ويضيف الفواتير والعقد والمستندات إلى القائمة.

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

يحتفظ الملف أيضًا بعدة نسخ من صفحة الهبوط. على الجوال تفصل قائمتها الروابط الرئيسية عن مجموعة Mais، ثم تنتهي بزر أصفر هو Falar com um consultor ورابط نصي لمن لديهم حساب بالفعل.

قائمة بيضاء على الهاتف مع شعار ÉOS Energia وأيقونة إغلاق وثلاثة روابط رئيسية ومجموعة Mais من خمسة روابط وزر المستشار الأصفر ورابط نصي.
تنتهي قائمة الموقع على الهاتف بزر أصفر للتحدث مع مستشار.