Creé este concepto para mostrar cómo 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 blog tiene cuatro artículos con filtro por categoría. El pie de cada página indica que la empresa es ficticia y que la web no es consejo médico.

Al arrastrarla, la molécula 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. Por debajo hay HTML, CSS y JavaScript con GSAP, ScrollTrigger y Lenis, y la molécula y la hélice se dibujan en canvas sin biblioteca 3D.

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. 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. Las buenas prácticas marcaron 100 en ambos, sin vídeo de terceros cargado durante la prueba, y el 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.