El desafío
Diseñar el flujo completo de la calculadora — desde que el operador llega a la página hasta que comparte su resultado — con foco en velocidad, claridad y viralidad. La calculadora tiene tres momentos distintos que el diseño tiene que resolver:
Momento 1 — Input: el operador ingresa tamaño del facility en MW, utilización aproximada y tipo de cooling. Tres campos, sin fricción.
Momento 2 — Resultado básico: inmediato, sin email, visible para todos. Muestra stranded capacity estimada en % y MW, y pérdida financiera anual estimada en rango de dólares.
Momento 3 — Profundidad: el operador que quiere más — comparar escenarios, ver el breakdown por capa, descargar el PDF — provee su email. No es un gate, es un intercambio.
La pieza más importante del diseño es la visualización interactiva de las tres capas (facility, IT, workload) mostrando dónde se pierde capacidad entre ellas. Esta visualización tiene que convertirse en la imagen icónica asociada a PhysaFlow.
Entregables esperados
Flujo completo en Figma: input → resultado básico → captura de email → resultado completo → share
Visualización interactiva de las tres capas — diseño detallado con estados y animaciones especificadas
Diseño de la vista de comparación de escenarios múltiples
Diseño del resultado compartible — la imagen o resumen que el operador envía a un colega
Componentes documentados y listos para handoff a desarrollo
Paleta forest-green y gold, tipografía y sistema de diseño de PhysaFlow aplicados
Criterio de éxito
Un desarrollador frontend puede tomar los entregables de Figma y construir la calculadora sin necesitar hacer decisiones de diseño. La visualización de las tres capas es clara, memorable y distinta a cualquier cosa existente en la industria.