VITON13MEDICINE: web conceptual de una biotecnológica ficticia que busca fármacos con IA

VITON¹³ creó este concepto para mostrar cómo el estudio presentaría una empresa científica: una biotecnológica ficticia que usa IA para descubrir candidatos a fármacos, con un equipo de IA en Lisboa y un laboratorio húmedo en Basilea. La web debía explicar dos plataformas tecnológicas, una cartera de investigación, las ofertas de empleo y un blog a un lector que conoce el sector, sin exagerar nada.

En medicina, el texto exige más cuidado. Todos los programas de la web son ficticios y preclínicos, y ninguna frase puede leerse como una promesa de salud o de eficacia. Por eso la web necesitaba un aviso claro: la empresa es ficticia y nada de lo que aparece en ella es consejo médico.

11 páginas: portada, plataformas, pipeline, empresa, empleo, blog, una plantilla de artículo, contacto, privacidad, condiciones y 404. La portada se abre con una molécula 3D dibujada en canvas que el visitante puede arrastrar; más abajo aparecen una línea de tiempo de seis hitos, de 1928 a 2024, y un contador de inversores.

La página de plataformas presenta las dos plataformas ficticias, una de moléculas pequeñas y otra de terapias proteicas, cada una con problema, solución y un ciclo de diseñar, fabricar, probar y aprender. El pipeline muestra cinco programas preclínicos en una tabla cuyas barras de progreso recorren cinco fases de descubrimiento. Empleo reúne seis vacantes en un acordeón, y el formulario de candidatura se abre con el puesto ya elegido. El blog tiene cuatro artículos con filtro por categoría y páginas de artículo; contacto, un formulario de consulta. El pie de cada página indica que la empresa es ficticia y que la web no es consejo médico.

Lo primero que encuentra el visitante es la molécula: al arrastrarla sigue girando por inercia, se inclina hacia el cursor y ajusta su propia cámara para no salirse del encuadre. Más abajo, la línea de tiempo se fija en pantalla y avanza en horizontal mientras una hélice de ADN se dibuja al ritmo del desplazamiento; en el móvil se convierte en una lista vertical. El recorrido principal va de plataformas al pipeline y a un artículo del blog.

Los titulares aparecen línea a línea, las imágenes se descubren con clip-path y se desplazan en parallax, las páginas cambian tras una cortina y un cursor propio muestra las etiquetas Drag, Read y Next. Por debajo hay HTML, CSS y JavaScript sin paso de compilación: un único script compartido genera la cabecera, el pie y las capas superpuestas para que todas las páginas sean idénticas, GSAP con ScrollTrigger y Lenis mueven la animación y el desplazamiento, y la molécula y la hélice se dibujan en canvas sin biblioteca 3D. Nada de lo que se escribe en los formularios se envía a ningún sitio.

El concepto existe como 11 páginas en inglés que funcionan. El 22 de septiembre de 2026, Lighthouse midió la portada en 0,5 MB y 19 peticiones, la más ligera de los siete sitios conceptuales de VITON¹³. Con la limitación móvil obtuvo 75 en rendimiento, con un LCP de 4,3 s y CLS 0; en escritorio, 99, con un LCP de 0,6 s y CLS 0,021. Buenas prácticas marcó 100 en ambos, sin vídeo de terceros cargado durante la prueba, y SEO también 100 en ambos.

El punto débil es la accesibilidad: 88 en móvil y 87 en escritorio, porque parte del texto tiene poco contraste y los encabezados no siguen su orden. En las 10 páginas revisadas (todas menos la 404), las 10 tienen título único y un solo H1, todas las imágenes llevan texto alternativo y no hay enlaces internos rotos.

Es un concepto creado por VITON¹³ para mostrar su alcance, no un proyecto por encargo. La empresa, sus plataformas, programas, inversores, personas y direcciones son ficticios. No tiene dominio, visitantes, tráfico de búsqueda ni ventas, y las imágenes son fotografía y vídeo de stock con licencia de Unsplash y Pexels.

Los programas son inventados y preclínicos; nada en la web es evidencia sobre un medicamento real ni consejo médico, y la propia web lo dice. Las puntuaciones de Lighthouse son mediciones de laboratorio de la portada en un solo día, no datos de visitantes reales, y un SEO de 100 en Lighthouse cubre solo lo básico: siguen faltando URL canónicas, Open Graph, JSON-LD y sitemap.xml.