Calculadora de Stranded Capacity

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.