APP para cliente de energía

- App híbrida -

El reto del proyecto fue hacer la migración visual y tecnológica del producto web para clientes de las empresas que comercializan energía para APP híbrida.
Los usuarios de esta aplicación son clientes de las empresas de energía.
Fue un desafío porque los procesos de este tipo de negocio no son sencillos de comprender y tuve alguna dificultad en presentar una solución final.
Fue un proyecto desarrollado con Flutter y con componentes de Material Design de Google.

Mis responsabilidades

Análisis Funcional
UX Design
UI Design

Herramientas

Empresa de desarrollo

Suc a Suc

Análisis funcional

Hacer el flujo de los procesos y del usuario fui una necesidad para que yo comprender el negocio y así seguir avanzando en el proceso de diseño.
Así que antes de hacer pantallas en importante planear bien los flujos para que después no tengamos problemas en las próximas fases.

UX Design

Los usuarios pueden tener más que 1 contrato de energía y la solución que hice fui crear un slider con tarjetas para cada contrato.
Hice el dashboard con más datos que lo de la web. Añadí temas pendientes por contrato y una tarjeta extra donde el usuario puede ver él resumo de todos los contratos.
El proyecto tuvo como requisito la creación de más funcionalidades como campañas y amigos. Los amigos es donde el usuario puede invitar personas a que sean clientes para que tengan descuentos.

Desafío

Un de los desafíos fue enseñar una cantidad grande de datos de una manera que sea fácil para el usuario consultar.
El detalle del contrato tiene muchos datos para enseñar y para solucionar este tema hice un componente ampliable. Así el usuario puede ver la información de manera fraccionada.

UI Design

Hice un diseño limpio y tuve atención en la jerarquía de la información para que así el usuario entienda dónde termina una área y empieza otra.
Los colores de la APP será personalizable de acuerdo con cada empresa que comercializa energía y por eso tuve atención en hacer una paleta sencilla de cambiar y bien definida por componentes para que el equipo de desarrollo pueda hacer esa personalización de una manera sencilla y automatizada.

Design system

Cuando tenemos un sistema de diseño, garantizamos que el producto tendrá coherencia visual en todos los desarrollos iniciales y futuros.
La coherencia en el diseño de los iconos, enseña una armonía que hace con que el usuario se sienta bien y los comprendan.

Resultado final

Un negocio que yo no conocía y que me obligó a hacer un esfuerzo extra para cumplir con las expectativas de mi cliente.
Siempre trabajando en sintonía con el equipo de desarrollo, que me enseñaba datos y limitaciones técnicas, tuvimos un resultado muy positivo.

¡Gracias por ver!

¡Atrévete a avanzar al siguiente nivel!

Fet amb ❤ des d’Andorra