Demo navegable · Genética y biotecnología
Hebra
Plantilla para genética y biotecnología.
Cinco pantallas de scroll que no mueven la página: recorren una hélice fotograma a fotograma.
- Piezas incluidas
- 8
- Estilos
- 3
- Sector
- 1
Diseño web para genética y biotecnología
Plantilla para laboratorios de genética de consumo, test de ancestría y biotecnología que venden algo invisible y necesitan hacerlo tangible. No hay secciones: hay un plano de siete segundos —una hélice de ADN que se parte y se recompone— que el visitante recorre con el scroll, y tres estados de texto que saltan de esquina a esquina siguiendo la película. Todo el argumento cabe en tres frases y un botón.
Hebra es una demo navegable para genética y biotecnología. Está pensada para que quien entra entienda rápido qué ofrecéis y acabe contactando o reservando; la adaptamos a vuestra marca, vuestros textos y vuestros servicios.
El stack recomendado para este proyecto es Astro + React + Next.js. En todos cuidamos lo mismo: carga rápida, HTML semántico y contenidos bien estructurados para que vuestro negocio se encuentre en buscadores y asistentes de IA.
Qué incluye
- Vídeo recorrido por el scroll: 500 vh mapeados a 7,5 s de película
- Banco de fotogramas en canvas con respaldo de scrub por currentTime
- Suavizado exponencial del tiempo: el plano no salta con la rueda
- Tres estados de copy que rotan por las esquinas del encuadre
- Hebra lateral: doble hélice que se traza y marca los tres capítulos
- Isotipo y wordmark propios en SVG, con la brasa como única señal
- Menú móvil a pantalla completa con entradas escalonadas
- Cero librerías y vídeo autoalojado de 812 KB
Temas relacionados. Del mismo sector o con estilos en común.
La web cuenta la ciencia. El sistema cuida la muestra.
En biotecnología, la trazabilidad y la visualización de datos pesan tanto como la investigación. Estas demos resuelven problemas de laboratorio y de cadena de suministro.
-
Necesidad 01 · Cuadros de mando y analítica
Muestras, placa y resultados
Placa de 96 pocillos con muestras, blancos y controles, lectura simulada y trazabilidad desde la recepción hasta el almacenamiento.
-
Necesidad 02 · Logística y transporte
Cadena de frío de muestras
Temperatura por sensor a lo largo del envío y excursiones que recalculan la vida útil de cada lote en vivo.
-
Necesidad 03 · Comercio y buscadores
Buscador de publicaciones
Un índice propio sobre artículos, protocolos y datos, con corrección de términos y resultados relacionados.
Sistemas a medida de