---
title: "Diseño web para empresas de logística y transporte | Ultramar — hero cinético"
description: "Diseño web para logística y transporte internacional: vídeo a pantalla completa, mapa de rutas animado y titular condensado gigante, sin librerías. Mira la demo del tema Ultramar y pide tu web de operador logístico."
lang: es-ES
source_url:
  html: https://logic2b.com/templates/ultramar/
  md: https://logic2b.com/templates/ultramar/index.md
---

Ruta: [Plantillas](https://logic2b.com/templates) › [Logística y transporte](https://logic2b.com/diseno-web/logistica) › Ultramar

Demo navegable · Logística y transporte

# Ultramar Plantilla para logística y transporte.

Hero cinético con vídeo de carga, titular condensado gigante y mapa de rutas animado.

[Ver demo en vivo (se abre en una pestaña nueva)](https://logic2b.com/templates/ultramar/live)

**Piezas incluidas**

8

**Estilos**

3

**Sectores**

2

Ultramar · demo navegable [Abrir aparte (se abre en una pestaña nueva)](https://logic2b.com/templates/ultramar/live)

## Diseño web para logística y transporte

Plantilla para empresas de logística, transporte y forwarding con estética de gran operador internacional: vídeo de operaciones a pantalla completa, titular condensado de tamaño enorme que cruza la pantalla al entrar, mapa de rutas con trazado y flechas en movimiento continuo, dato de negocio protagonista y CTA de píldora con recorte circular. Amarillo carga sobre azul petróleo: contraste industrial que transmite escala y precisión.

**Ultramar** es una demo navegable para logística y transporte. 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.

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 vuestro negocio se encuentre en buscadores y asistentes de IA.

### Qué incluye

1. Vídeo de operaciones a pantalla completa
2. Titular condensado gigante con entrada lateral cruzada
3. Mapa de rutas con trazado animado y flechas en movimiento (SMIL)
4. Revelado palabra a palabra del tagline
5. Dato de negocio protagonista (3M+ toneladas)
6. CTA de píldora con recorte circular y flecha giratoria
7. Menú móvil de overlay a pantalla completa
8. Animaciones supeditadas a la carga del vídeo, sin librerías (CSS puro)

Ficha del tema

**Sector**

Logística y transporte

**Estilo**

Industrial · Cinético · Vídeo

**Stack**

Astro + Svelte

**Entrega**

Publicada en vuestro dominio

Sectores

- [Logística y transporte](https://logic2b.com/diseno-web/logistica)
- [PYMES](https://logic2b.com/diseno-web/pymes)

Lo adaptamos a vuestra marca y lo publicamos en vuestro dominio. Precio cerrado tras una llamada.

## Temas relacionados. Del mismo sector o con estilos en común.

[Ver todos](https://logic2b.com/templates)

### [Calibre](https://logic2b.com/templates/calibre)

Ingeniería industrial y oficinas técnicas

### [Umbral](https://logic2b.com/templates/umbral)

Interiorismo y arquitectura

### [Cuadrilla](https://logic2b.com/templates/cuadrilla)

Agencias de desarrollo y equipos remotos

## La web capta el envío. El sistema lo mueve.

En logística, la web comercial es la parte pequeña: lo que decide un contrato es cómo planificáis rutas, carga y almacén. Estas demos reproducen esos sistemas.

[Sistemas de logística y transporte](https://logic2b.com/diseno-web/logistica#sistemas)

1. Necesidad 01 · Logística y transporte
   **[Planificación de rutas](https://logic2b.com/lab/porte)**
   El optimizador reordena las paradas, la carga se ve en el camión y el Gantt se arrastra cuando cambia el día.
2. Necesidad 02 · Inventario y almacén
   **[Almacén robotizado](https://logic2b.com/lab/enjambre)**
   La flota de la nave en vivo, rutas bloqueadas esquivadas y robots que vuelven a cargar solos, en un plano que cualquiera entiende.
3. Necesidad 03 · Logística y transporte
   **[Carga optimizada](https://logic2b.com/lab/estiba)**
   Bin packing 3D con algoritmo real: el camión se llena caja a caja con volumen, ejes y centro de gravedad recalculados.

Sistemas a medida de

- [Logística y transporte](https://logic2b.com/sistemas/logistica-transporte)
- [Inventario y almacén](https://logic2b.com/sistemas/inventario-almacen)

---

Logic2b S.L. · Castellón (España) · [info@logic2b.com](mailto:info@logic2b.com) · [Contacto](https://logic2b.com/contacto/) · [Auditoría gratuita](https://logic2b.com/auditoria/) · [Índice para IA](https://logic2b.com/llms.txt)