Fibra · Plantilla para biotecnología y genética

Diseño web para biotecnología y genética

Web para un laboratorio de análisis alimentario y ambiental, en negro de laboratorio y clorofila fluorescente, que resuelve las tres dudas de su cliente: qué analizar, cómo enviar la muestra y cuándo llega el resultado. El hero es una placa de Petri en campo oscuro que se amplía con el scroll mientras una retícula fija una colonia y cuenta las demás; el planificador convierte tipo de muestra y objetivo en parámetros, envase, temperatura y plazo; el viaje de la muestra avanza en un carril fijado con su registro de temperatura y la página cierra con una placa de 96 pocillos que se ilumina.

Fibra es una demo navegable para biotecnología y genética. Está pensada para que quien entra entienda rápido qué ofreces y acabe contactando o reservando; la adaptamos a tu marca, tus textos y tus servicios.

La demo está construida con Astro y Svelte, el mismo stack que usamos en producción. En todos cuidamos lo mismo: carga rápida, HTML semántico y contenidos bien estructurados para que tu negocio se encuentre en buscadores y asistentes de IA.

Qué incluye

• Hero con vídeo macro de una placa de Petri controlado por el scroll: retícula sobre la colonia, cota en mm y recuento de colonias
• Planificador de análisis: 3 tipos de muestra y 11 objetivos con ficha de envío
• Ficha con parámetros, envase, cadena de frío, días de envío y plazo
• Viaje de la muestra en carril horizontal fijado con reloj T+ continuo y registro de temperatura
• Informe de ejemplo con cinco puntos de lectura interactivos
• Áreas de análisis cuyos títulos ganan peso al pasar por el centro
• Vídeo de laboratorio que se abre de marco a pantalla completa y testimonio que se enciende palabra a palabra
• Cierre con placa de 96 pocillos que se ilumina con el scroll y petición de kit con validación
• Movimiento con CSS, un bucle rAF e IntersectionObserver, sin librerías y respetando movimiento reducido