Aura Lab · Salud y clínicas
Cómo se construyó Aura
Panel personal de bienestar sobre una fotografía panorámica de running, con un motor de gráficos SVG propio. Abre con una síntesis del día («Hoy, un rodaje suave») y la acción principal hacia el plan de entrenamiento. Cinco áreas y cinco periodos recalculan con transiciones interpoladas una curva de recuperación con proyección y anotaciones, un hipnograma de fases del sueño, una rejilla de actividad, barras de rango de tensión arterial y un monitor ECG en vivo sincronizado con el pulso. Todos los gráficos tienen cruceta y tooltip de puntero, deltas frente al periodo anterior y diálogo de detalle con ejes, media, mínimo y máximo. Incluye plan de coaching, hábitos, historial exportable, buscador con teclado y diario guardado localmente. Sin backend ni dependencias.
Es una demo técnica, no una plantilla vendible tal cual: un adelanto de lo que podemos construir a medida cuando un proyecto necesita algo más que una web de catálogo. Si te interesa algo parecido para tu producto, hablamos.
Qué demuestra
- Síntesis del día con recomendación y acción principal que lleva al plan de coaching
- Motor de gráficos SVG propio: interpolación monótona, ejes precisos y transiciones entre periodos
- Curva de recuperación con proyección, máximo, mínimo y marcador «ahora» que late
- Hipnograma de fases del sueño, rejilla de actividad y barras de rango de tensión arterial
- Monitor ECG en vivo con barrido continuo y latido sincronizado, pausado en segundo plano
- Cruceta y tooltip en todos los gráficos, deltas frente al periodo anterior y contadores animados
- Diálogos de detalle, buscador tipo paleta de comandos, selector de fecha con semana visual
- Coaching con plan por zonas, hábitos y objetivo; historial exportable a CSV y diario local
- Responsive real, teclado completo, contraste AA y movimiento reducido con estado final estático