Proyecto · Salud e inteligencia artificial

Auryon

La web de Auryon Intelligence, una recepción con IA de voz que atiende las llamadas de clínicas médicas y dentales a cualquier hora.

Sector
Clínicas y salud
Proyecto
Web corporativa
Alcance
Escena 3D, demostración, chat y auditoría
Año
2026

El reto

Explicar algo que no se ve, una IA que contesta al teléfono, a directores de clínica que desconfían con razón: hay pacientes y datos de salud de por medio.

La respuesta

Una historia que se cuenta al bajar. Una recepción cerrada de noche, un teléfono que suena y nadie coge, y el asistente que contesta y deja la cita puesta. Después, la demostración y el cumplimiento a la vista, antes de pedir nada.

La web

Pantalla a pantalla

Capturas de la web en funcionamiento, en el orden en que se recorre.

El teléfono en 3D con una llamada perdida en la pantalla y el titular «Y el paciente llama a otra clínica»
La llamada perdidaLa escena avanza con el scroll: cada llamada sin respuesta es una cita que se va.
Panel de la demostración: el móvil del paciente, la transcripción en directo y la agenda de la clínica
La demostraciónUna llamada real reconstruida: transcripción en directo y la cita entrando en la agenda.
Bloque «Cumplimiento por diseño, desde el primer día» con tres tarjetas sobre IA, datos de salud y alojamiento
El cumplimientoAI Act y RGPD explicados en tres tarjetas, antes de hablar de resultados.
Formulario de auditoría de viabilidad con nombre de la clínica, correo, situación y consentimiento
La auditoríaUn único objetivo: que la clínica pida su auditoría, con consentimiento explícito.

Decisiones de diseño

Una recepción de noche

Azul de espacio profundo, la luz fría de una pantalla y un oro que solo aparece al amanecer.

  • Espacio#04070F
  • Noche#050B14
  • Cian#06B6D4
  • Cian claro#3BC9E0
  • Oro#C8A24E

Tipografía

Su recepción no debería cerrar nunca.

San Francisco, la del sistema, en iPhone, iPad y Mac, e Inter autoalojada en Windows y Android. Titulares compactos y mucho aire alrededor.

Movimiento

Una escena 3D que avanza con el scroll, suavizada por un muelle para que nunca dé tirones. Sin vídeos ni modelos descargados: todo se genera en el navegador.

Escena
Three.js, generada por código
Scroll
GSAP y ScrollTrigger
Movimiento reducido
Se respeta

Funcionalidades

Lo que hace

Todo lo que necesita un director de clínica para entender el producto y dar el paso.

  • Escena 3D con el scrollLa recepción, el teléfono y la llamada se cuentan al bajar.
  • Demostración en vídeoUna llamada reconstruida, con transcripción y agenda.
  • Asistente de chatResponde dudas y se identifica como IA desde la primera frase.
  • Auditoría de viabilidadFormulario con consentimiento explícito para tratar los datos.
  • AI Act y RGPDCumplimiento explicado en la web, con páginas legales propias.
  • AccesibleWCAG 2.1 AA: teclado, foco visible, zoom libre y contraste.

Cómo está hecha

  • 0Modelos 3D o imágenes externas: la escena se genera por código
  • AANivel de accesibilidad WCAG 2.1
  • 3Páginas legales: privacidad, términos y cookies
  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • GSAP
  • Three.js

Siguiente paso

¿Tienes un proyecto parecido?

La primera reunión no tiene coste. Te respondemos con una propuesta clara y una fecha.