Imagotipo de la marca Suncloo

Suncloo

Optimizando la energía solar de tus paneles

Diseño UX/UI de la app móvil SunCloo. Una app que se conecta con un dispositivo que se añade al panel solar para identificar la cantidad de energía que se recibe, el ahorro e identificar problemas que impiden el máximo uso del panel.

Imagen de tres dispositivos móviles con tres pantallas de la App de Suncloo en presentación mockup

Cliente

Suncloo


Industria

Energética

Duración

3 meses


Año

2024

Briefing

¿Qué es SunCloo?

El proyecto SunCloo surge con la necesidad de ofrecer una alternativa fiable a las aplicaciones de paneles solares que ya existen en el mercado. Muchas compañías eléctricas ya tienen su propias Apps, sin embargo todas tienen grandes deficiencias en cuanto a la capacidad y calidad de los datos que miden. Recibí el encargo de realizar el diseño de la App con una idea muy clara por parte de José Luis, que previamente había realizado un boceto en Figma de las funcionalidades que necesitaba implementar.

Imagen que muestra la descripción del briefing: ¿Qué es SunCloo?

Mi participación

Alcance del trabajo y cronograma

En un principio mi intervención en el proyecto solamente sería diseñar la experiencia de usuario y la interfaz gráfica. A medida que se avanzó en el proyecto logré intervenir en la maquetación de los componentes personalizados en el repositorio del proyecto de Git con el framework Vue Js.

Icono de Diseño UX

Diseño UX

Market Research del proyecto, identifiqué los posibles usuarios y diseñé el user flow a través de la aplicación, así como aplicar estándares de patrones de diseño y uso.

Icono de UI / Interacción

UI / Interacción

Diseño de los componentes y pantallas. Maquetación del diseño en Figma con la metodología de Atomic Design, creando desde el inicio componentes átomos con variantes de estado para reutilizar.

Icono de Prototipado

Prototipado

Diseño de micro animaciones y creación del prototipo visual en Figma para validar el diseño, realizar test de usuario y pruebas antes de pasar el diseño a etapa de desarrollo Fontend.

Icono de Desarrollo Frontend

Desarrollo Frontend

Desarrollo frontend del MVP en equipo en un mono repo de GitHub a la par que se desarrollaba el backend de la aplicación. Maquetación de los componentes en el framework Vue.

Objetivos del proyecto

Este proyecto en su etapa inicial tenía un objetivo muy claro: obtener un diseño con estándares de la industria con plazos limitados para desarrollar un MVP que tuviera suficiente capacidad de vender la idea a los inversores de Venture Capital.

Retos del proyecto

Si bien se partía de ideas similares de aplicaciones móviles en el mercado, la idea de la aplicación en sí era nueva y no encontramos referentes directos. El principal reto fue crear un recorrido lo más detallado posible para que cualquier persona pueda configurar el dispositivo lector de datos, el panel solar y la wifi de casa. Adicionalmente el panel de notificaciones y alertas es una de las funcionalidades estrella y debía de suplir las necesidades del encargo.

La solución

La app para obtener el máximo de energía solar y ahorrar dinero

La solución ha cumplido hasta la fecha todas las expectativas y se encuentra en etapa de búsqueda de inversores.

Diseño

Monitorización y análisis de datos

Monitorización en tiempo real: Accede a datos en tiempo real sobre la generación de energía de tus paneles solares. Se puede observar claramente cuánto se ahorra y las ganancias mensuales

Análisis de datos: La app realiza un análisis detallado de los datos recopilados, proporcionándote información sobre la producción energética y el ahorro obtenido.

Alertas y notificaciones: Recibe notificaciones en caso de fallos del sistema o bajo rendimiento de los paneles solares.

Componente de alertas en app móvil SunCloo
Muestra del user flow de la app móvil La app para obtener el máximo de energía solar y ahorrar dinero

Diseño de pantallas

User flow

Aquí se puede observar una muestra resumida del recorrido del usuario, desde que abre por primera vez la aplicación sin datos, pasando por el configurador hasta que la tiene el dashboard de inicio recibiendo datos.

User flow de la app móvil de SunCloo

Conectemos

¿Listo para hacer realidad tus ideas?

Si quieres saber más no dudes en ponerte en contacto conmigo, estoy encantado de poder atenderte.

Contactar Icon download Descargar CV