Diseño UI y UX de la calculadora de ahorro Yops® para EvodiaBio, empresa danesa de biociencia que crea aromas naturales de lúpulo para cerveceras. Desarrollada con Bubuku.
El reto
EvodiaBio crea aromas naturales de lúpulo para cerveceras mediante fermentación de precisión. Su producto, Yops®, sustituye parte del lúpulo que usa una cervecera, con menos coste y menos impacto ambiental. El reto era convertir una hoja de cálculo compleja en una herramienta que un cervecero quisiera usar, y terminar.
El enfoque
En lugar de una pregunta por pantalla, la calculadora añade las preguntas poco a poco en una sola página, en cuatro pasos, y el resultado se actualiza mientras escribes. Los cerveceros mezclan unidades métricas e imperiales, así que cada campo tiene su desplegable de unidades, con valores sugeridos y ayudas para los términos que lo necesitan. El ahorro estimado se ve antes de dejar el email; el informe completo llega después, si se pide.
Una página, cuatro pasos, y el resultado se actualiza mientras escribes.
El producto
Aromas naturales de lúpulo, por fermentación
Yops® sustituye parte del lúpulo que usa una cervecera. La calculadora tenía que enseñar, con los números de cada cervecero, qué supone ese cambio en costes y en impacto ambiental.
Sistema de marca
Sobre el color y la tipografía de EvodiaBio
El morado hope para las acciones y los datos, los tonos yeast para las superficies tranquilas, Buenos Aires para los titulares y Open Sans para leer.
Móvil
El mismo flujo, en una columna
Pensada para un cervecero que revisa números en la propia fábrica: los mismos cuatro pasos, de la primera pregunta al ahorro estimado.
El informe
Primero, los resultados gratis
El ahorro estimado se ve antes de dejar ningún dato. El informe completo llega después, por email e imprimible: impacto en producción, económico y ambiental en tablas y gráficos.
Créditos
- Diseño UI/UX
- Miguel Ameller · OTAU
- Desarrollo
- Bubuku
- Cliente
- EvodiaBio (Dinamarca)
Qué entregamos
- UX del flujo de la calculadora: una página, cuatro pasos, resultado en directo
- UI para escritorio y móvil, sobre el sistema de marca de EvodiaBio
- Componentes de entrada: desplegables de unidades, valores sugeridos, estados de error
- Informe detallado con impacto en producción, económico y ambiental, por email e imprimible
El resultado
Del brief al diseño aprobado pasó una semana, y la calculadora se publicó ese mismo mes (octubre de 2025).