proyectos
web, diseno·2026·
01 / Visión General

kairos project.

¿Cuántas semanas te quedan? ¿Y con quién las vas a pasar realmente?

Una experiencia interactiva y auditoría existencial diseñada para confrontar al usuario con la finitud del tiempo y los vínculos que importan. A través de datos demográficos empíricos (estudios de Our World in Data y el American Time Use Survey - ATUS) y una narrativa visual inmersiva en seis actos, la aplicación calcula con precisión matemática cuánto tiempo real y cuántos encuentros físicos te quedan con las personas que más quieres, concluyendo con la emisión de un recibo térmico tangible generado en el propio navegador.

Indicadores clave
+70K

Visitantes únicos

Tráfico orgánico global impulsado por recomendación boca a boca y viralidad sin inversión publicitaria

+500K

Páginas vistas

Navegación reflexiva profunda con una media superior a 4 minutos por sesión activa

+45K

Tickets emitidos

Usuarios que completaron los seis actos de la experiencia y generaron su recibo vital

14%

Tasa de rebote

Retención del 86%: casi 9 de cada 10 visitantes deciden iniciar e interactuar con la experiencia

kairos project
Ampliar

// Portada principal: A los 18 años ya has vivido el 90% del tiempo con tus padres

El origen & la necesidad

Kairós nació de una inquietud universal que solemos ignorar: vivimos asumiendo que el tiempo con quienes queremos es infinito, posponiendo llamadas, visitas y conversaciones bajo la ilusión de que 'siempre habrá tiempo'. Sin embargo, la sociología demográfica demuestra una realidad incontestable: según los datos del American Time Use Survey (ATUS) y Our World in Data, cuando una persona cumple los 18 años ya ha gastado cerca del 90% de todo el tiempo presencial que compartirá con sus padres a lo largo de su vida. A partir de los 25, el tiempo con amigos decae drásticamente al ingresar al mercado laboral, y el tiempo en soledad se convierte en la curva dominante de la madurez. Kairós fue concebido para sacar esos números del ámbito académico y convertirlos en un espejo interactivo: íntimo, respetuoso y transformador.

El resultado & logros

El impacto del proyecto superó todas las previsiones de forma completamente orgánica. Sin inversión en marketing ni campañas de adquisición pagadas, Kairós se viralizó en redes sociales y comunidades de diseño, alcanzando a más de 70.000 personas de todo el mundo y superando el medio millón de páginas vistas. Más de 45.000 personas recorrieron los seis actos hasta emitir su ticket vital, registrando una extraordinaria tasa de rebote de apenas el 14% (86% de interacción efectiva) y cientos de usuarios compartiendo fotografías de sus tickets impresos en carteras o fundas de teléfono como recordatorio diario de lo que de verdad importa.

02 / Interfaz 35 vistas reales · 6 actos narrativos

Recorrido visual pantalla a pantalla

Kairós no es una calculadora estática: es una auditoría existencial guiada. A continuación se presenta el flujo completo de la aplicación organizado en packs interactivos según su lógica narrativa y decisiones de producto.

Acto 00 / Entrada, Silencio & La Paradoja de "Dejarlo Pasar"

Capturas 00 — 05
Calibración y Silencio — Kairós Project
Ampliar
00. Calibración & Recogimiento//Web Audio API

Antes de mostrar cualquier dato, la aplicación solicita al usuario detener el ruido externo y colocarse auriculares. Un sintetizador en tiempo real genera una atmósfera sonora armónica diseñada para fomentar la introspección.

Portada Principal — Kairós Project
Ampliar
01 & 02. La Premisa & El Concepto Griego

La portada confronta con la tesis de entrada. Un enlace sutil ("¿Por qué Kairós?") despliega un modal explicando la dicotomía entre Chronos (el tiempo cuantitativo del reloj) y Kairós (el instante oportuno donde suceden las cosas que importan).

Mecánica interactiva de negación

La progresión al pulsar "Dejarlo pasar"

1. Frase sutil
Ampliar captura
Fase 01 — Advertencia sutil
“Un día el teléfono sonará y no será para quedar. Será para despedir.”

Al pulsar «Dejarlo pasar», la interfaz no vuelve a la home ni cierra la pestaña: presenta una advertencia directa e íntima.

Fase 1 de 3•Captura 03

Acto 01 / El Origen & Calibración de Datos Actuariales

Capturas 06 — 07
Acto 01 El Origen
Calibración Actuarial de Edad
Arquitectura Zero-Knowledge

Cero fricción, cero almacenamiento en servidores

Pedir la edad y datos familiares suele provocar fricción o desconfianza. Kairós resuelve esto procesando todo el cálculo actuarial en memoria volátil de JavaScript: no hay backend, no se solicitan correos electrónicos y no se guarda ninguna cookie de seguimiento.

Acto 02 / La Deriva & Las Curvas Sociodemográficas

Capturas 08 — 09
La Deriva — Curvas sociodemográficas ATUS
Ampliar gráfica
Hallazgos Demográficos Empíricos

La trayectoria del tiempo social a lo largo de la vida

  • Familia nuclear: Se desmorona al cumplir los 18-20 años con la emancipación y la vida adulta.
  • Amistades: Pico máximo a los 19 años. A partir de los 25 desciende abruptamente al consolidarse el trabajo y la pareja.
  • Soledad: La única curva que asciende progresivamente a partir de los 35 años hasta dominar la vejez.

Acto 03 / El Mapa de 4.680 Semanas & El Asistente de Vínculos

Capturas 10 — 15
Matriz de 4680 semanas
Ampliar matriz
1 Punto = 1 Semana Humana

La escala finita de la existencia en una sola pantalla

Una vida de 90 años consta de únicamente 4.680 semanas. Ver los años convertidos en una cuadrícula finita genera un impacto visual inmediato que el cerebro no puede relativizar.

Flujo Guiado de Entrada

Asistente de vínculos en 4 pasos progresivos

Capturas 12, 13, 14 y 15
¿A quién quieres añadir?
01. Identidad
¿A quién quieres añadir?

Nombre o apodo afectivo de la persona (papá, mamá, hermana...).

Tipo de relación
02. Vínculo
Tipo de relación

Categorización relacional para ajustar las curvas demográficas.

Edad actuarial
03. Edad
Edad actuarial

Cálculo de esperanza de vida cruzada con la expectativa del usuario.

Tiempo real juntos
04. Frecuencia
Tiempo real juntos

Frecuencia real y sincera con la que se ven físicamente al año.

Acto 03 (Bis) / Mapeo Cromático de Encuentros & Control Actuarial

Capturas 16 — 21
Matriz con vínculos coloreados
Ampliar matriz mapeada
Papa (256 cafés) Mama (210 paseos) Hermana (512 tardes) Pareja (5.440 noches) Abuela (120 abrazos)
// 1 punto = 7 encuentros reales
Aislamiento relacional
17. Aislamiento
Enfoque persona a persona

Permite abstraerse del conjunto para sentir la finitud con un ser querido concreto.

Panel de ajuste de frecuencias
18 & 19. Calibración
Ajuste de frecuencias en vivo

Diálogo para modificar frecuencias y edades sin necesidad de reiniciar la auditoría.

Dejar pasar el tiempo simulación
20 & 21. Dejar pasar vs Recuperar
Simulación del coste de inercia

Botones para simular qué ocurre si dejas pasar los meses sin llamar frente a la recuperación activa.

Acto 04 / El Espejo — Ver la Vida Desde Sus Ojos

Capturas 22 — 23
El Espejo perspectiva inversa
Ampliar El Espejo
El Golpe de Conciencia

Tu ilusión vs La realidad

Tu ilusión: Imaginar que siempre habrá tiempo para esa charla pendiente sobre el pasado.

La realidad: Cada domingo que decides no ir es un domingo menos de los escasísimos 120 encuentros que os quedan.

Al seleccionar a cualquiera de los seres queridos en el panel lateral, la matriz completa pasa a representar la vida entera de esa otra persona. Se visualiza con crudeza cuánta de su existencia total has ocupado tú y cuánto margen queda.

Acto 05 / El Rescate del Tiempo & Los Compromisos Tangibles

Capturas 24 — 29
El Rescate del tiempo
Ampliar Rescate
26 & 27. El Simulador de Rescate (+1.308 Momentos)

Tras la confrontación llega la agencia: el usuario recalibra las visitas y comprueba en vivo cómo se repueblan los puntos de color, recuperando más de mil momentos compartidos con pequeños cambios de hábito.

Los Compromisos y mensajes con QR
Ampliar Compromisos
28 & 29. De la Pantalla a WhatsApp

Para evitar que la emoción se disipe al salir de la web, Kairós redacta mensajes sinceros listos para enviar a cada ser querido. Cada tarjeta genera un código QR que abre la conversación en WhatsApp con el texto insertado.

Acto 06 / El Presente, El Ticket Térmico & Descargables

Capturas 30 — 32 + Descargables
El Presente Ticket 46300
Ampliar pantalla final
Cierre Epifánico

"Cierra la pestaña y hazlo"

A diferencia de los productos de retención infinita orientados a consumir horas de pantalla, Kairós busca explícitamente que el usuario se marche y actúe en el mundo real.

Captura 32: Añadir recordatorio semestral a Google Calendar.
Memento Mori Tangible

Materialización: Ticket Térmico y Fondos para Móvil

Ticket Térmico Kairós Project
Ver en grande
De la Pantalla al Bolsillo

Objetos gráficos que trascienden el navegador

Un reto esencial era evitar que la experiencia fuera un efímero momento web olvidado a los cinco minutos. Al finalizar, Kairós entrega tres artefactos gráficos únicos:

  • Ticket Térmico Vital: Diseñado con estética de recibo de compra, numeración de serie correlativa, balance de momentos y código QR que apunta a la auditoría. Los usuarios lo imprimen o lo guardan en la cartera.
  • Fondos de pantalla (Oscuro y Claro): Generados a resolución nativa de smartphone para situar el recordatorio en la pantalla de bloqueo: el lugar que una persona mira más de 80 veces al día.
03 / Ingeniería

Decisiones de arquitectura y tecnología

Restricciones y problemas a resolver

  • Narrativa emocional sin caer en el sensacionalismo ni la culpa: Abordar la finitud del tiempo y la muerte sin provocar angustia ni parálisis, transformando la frialdad de las estadísticas sociodemográficas en un catalizador positivo para la presencia y la reconexión con seres queridos.
  • Privacidad radical por diseño (Zero-Knowledge): El usuario introduce datos de máxima intimidad (su edad, nombres de familiares, frecuencias con las que ve a sus padres). Era imperativo garantizar que absolutamente nada saliera de su dispositivo ni se almacenase en bases de datos externas.
  • Materialización de un objeto tangible (El ticket térmico): Diseñar un cierre de experiencia que no se desvaneciera al cerrar la pestaña, generando en tiempo real un recibo digital con tipografía de ticket de compra y código QR verificable, optimizado para ser guardado o impreso.
  • Cero fricción de retención: Eliminar muros de registro por correo, muros de pago y publicidad invasiva, logrando que el 86% de las visitas completasen el viaje interactivo de forma natural y voluntaria.

Solución de ingeniería aplicada

  • Arquitectura Local-First pura: Todo el procesamiento actuarial, la interpolación de las curvas ATUS y el cálculo de vínculos se ejecuta en el cliente con JavaScript nativo, garantizando privacidad total, soberanía del usuario y tiempos de respuesta instantáneos sin costes de backend.
  • Motor de renderizado en cliente para el ticket de vida: Generación procedural mediante Canvas API y Web APIs que compone un recibo estilo papel térmico con código QR único, permitiendo descargarlo como imagen en alta resolución al instante.
  • Atmósfera sonora sutil con Web Audio API: En lugar de cargar archivos de audio pesados, se implementó un sintetizador procedural que genera frecuencias y transiciones armónicas según el acto de la experiencia, intensificando el recogimiento reflexivo.
  • Estructura narrativa en 6 actos: Un recorrido progresivo que parte del choque estadístico inicial, pasa por la matriz visual de semanas, analiza el tiempo con seres queridos y culmina en un plan de rescate y compromiso en el mundo real.
Capacidades del sistema
[01]

Auditoría demográfica y curvas ATUS

Cruce actuarial de la edad del usuario con los estudios empíricos de Our World in Data y el ATUS, proyectando el declive de horas con padres, amigos o pareja y el incremento del tiempo a solas.

[02]

Calculadora de encuentros físicos restantes

Asistente relacional guiado donde el usuario especifica a sus seres queridos y con qué frecuencia los ve, traduciendo años abstractos a una cifra humana concreta (ej. 'te quedan 42 comidas con tu madre').

[03]

Matriz visual de 4.680 semanas

Una cuadrícula que representa una vida de 90 años desglosada semana a semana. Las semanas vividas se contrastan con las restantes para materializar el paso del tiempo de un solo vistazo.

[04]

Ticket térmico descargable con QR

Generación procedural de un recibo estilo papel térmico en alta resolución con código QR único, balance vital y compromisos elegidos, exportable para móvil o impresión.

[05]

Plan de rescate y llamada a la acción

Una fase que trasciende la pantalla para invitar al usuario a una acción real e inmediata: enviar un mensaje pendiente, agendar una visita o descolgar el teléfono hoy mismo.

[06]

Privacidad radical (Zero-Knowledge)

Ningún dato íntimo o personal sale jamás del navegador del usuario. Cero bases de datos de seguimiento, sin registros obligatorios ni analíticas invasivas.

Stack & Librerías
#JavaScript#Local-First#Web Audio API#Chart.js#Tailwind CSS#Vite
Vídeo promocional

Spot de presentación & Lanzamiento

Pieza audiovisual promocional compartida en redes durante el lanzamiento del proyecto.