Diseño que decidió el negocio

• Legibilidad. La factura de luz y gas está diseñada para que no la entiendas.
• Confianza. Cambiar la luz de tu casa no es una compra, es ceder un servicio del que dependes.

La segunda apareció en las entrevistas y resultó determinante en el momento de contratar. La gente lo asocia a papeleo, llamadas y a quedarse sin suministro si algo sale mal. La referencia que buscábamos era el cambio de compañía telefónica: hace años daba miedo y hoy se resuelve en cinco minutos desde el móvil, sin hablar con nadie. Ese era el listón.

La app atacaba el problema pero no lo resolvía: no había forma de contratar desde dentro de la herramienta. El usuario entendía, comparaba, y luego tenía que llamar por teléfono. Ahí se perdía todo.

En Robin Luz la recurrencia había que fabricarla con avisos. Aquí venía de serie: con los Optimeter instalados el acompañamiento es largo, medir, ajustar y volver a medir. El dato venía de ese aparato, que se instala en la caja de luz y da consumo en tiempo real, por sala y por aparato. Sin ese dato no hay nada: ni ofertas ajustadas al perfil real de cada cliente, ni domótica que encienda el aire antes de una reunión o apague las luces de una sala en la que ya no queda nadie.

• Jerarquía de las acciones. Antes había dos botones compitiendo, uno gris y otro amarillo, sin que se supiera cuál era el principal. Después hay uno primario y uno secundario, y el amarillo desaparece.
• El mensaje. El copy dejó de explicar el mecanismo y pasó a quitar preocupación: donde antes se detallaba que el PDF se compararía con nuestras ofertas, ahora se dice que los datos están seguros y no se comparten.
• Señales de confianza. Contratar el suministro energético online genera desconfianza, no dificultad técnica. Añadimos señales visibles de respaldo: chat de soporte, nombre de la comercializadora verificada y número de atención.

• Recurrencia. Una app de comparar se usa una vez y no se vuelve. Añadimos avisos mensuales y anuales para que el usuario viera cómo evolucionaba su gasto y llegara con criterio al momento de renovar, que es cuando se puede cambiar de compañía.

• Lo más visible era lo menos útil. Un banner con el consumo del plan ocupaba la parte alta de todas las pantallas, siempre igual, y empujaba el contenido real hacia abajo.
• Los estados vacíos no llevaban a ninguna parte. Un cliente nuevo entraba y encontraba todas las pantallas vacías, con textos que describían lo que vería algún día en vez de decirle qué hacer.
• La pantalla de OptiMeters pedía "ingresar una URL de dispositivo" y remitía a la sección de perfil para hacerlo. Ahí estaba el problema con los usuarios sin perfil energético: el producto daba por hecho que sabías qué era un OptiMeter, de dónde sacar su URL y qué hacer con ella.

• La entrada dejó de ser tu perfil y pasó a ser el estado del negocio: ingresos recurrentes, clientes, ingreso medio por usuario y tasa de conversión.
• El banner del plan salió de todas las pantallas y se quedó donde le corresponde, en el perfil.
• Aparecieron buscador global y migas de pan. Con dos niveles de pestañas no había forma de saber dónde estabas.

• El color significa algo. Morado es acción: si algo es morado, se pulsa. Verde oscuro es contacto directo, llamada y WhatsApp. Verde claro es ahorro y nunca acción, así que un botón jamás lleva verde claro.
• La accesibilidad va medida. El anillo de foco morado sobre un botón morado daba 1.45 de contraste, es decir, invisible. Con otro morado y 2px de separación sube a 5.96. Los botones salen a 44px de alto, el mínimo táctil de iOS.
• Las desviaciones se documentan. El botón primario da 4.33 frente al 4.5 que pide WCAG AA. Mantuvimos el morado de marca y quedó escrito en Figma como desviación aceptada, compensada con área grande y peso semibold.