LynxHaul – sitio web de una empresa de transporte internacional por carretera

Desarrollo de un sitio web corporativo rápido y multilingüe para LynxHaul s.r.o., una empresa logística checa que ofrece transporte internacional de mercancías por carretera en Europa y el Reino Unido. El sitio se dirige a dos públicos a la vez: cargadores B2B que buscan un socio de transporte fiable y transportistas interesados en unirse a su red de colaboradores.

Alcance del trabajo:

Desarrollo del sitio web:

• Reconstrucción del sitio existente en SvelteKit con renderizado en el servidor, conservando el diseño, las animaciones y el estilo visual oscuro originales.
• Estructura modular: cada sección es un componente independiente y todos los textos están en archivos JSON en lugar de estar escritos en el código.
• Diseño adaptable para ordenador, tableta y móvil, compatible con la preferencia de movimiento reducido.

Secciones clave:

Portada y presentación de la empresa:

• Slider de imágenes con las cifras clave de la empresa y la llamada a la acción 'Calcular el coste del transporte'.
• Cuadrícula de ventajas y una lista editorial de tipos de carga con iconos SVG propios (farmacia, ADR, alimentación, automoción, carga sobredimensionada y más).

Red de transportistas:

• Bloque dedicado a los socios de transporte con una barra de progreso animada de las ventajas para transportistas.

Mapa interactivo de rutas:

• Mapa SVG de Europa que abarca la UE y el Reino Unido, con rutas trazadas como curvas, resaltado de países al pasar el ratón o con el teclado y recorrido automático de las direcciones.

Noticias y páginas legales:

• Sección de noticias con páginas individuales para cada artículo y un feed RSS para cada idioma.
• Página de Condiciones Generales con los datos de la empresa.

Multilingüe y SEO:

• Tres idiomas - checo, inglés y ruso - con cambio de idioma a través de la URL, de modo que cada versión puede indexarse y compartirse.
• Etiquetas canonical y hreflang, Open Graph y Twitter Card, sitemap.xml para todos los idiomas, robots.txt y manifiesto de aplicación web.

Flujo de contacto:

• Las solicitudes de presupuesto y las candidaturas de transportistas abren un correo electrónico prerrellenado dirigido al equipo de la empresa.

Diseño: Estilo visual oscuro propio basado en design tokens de CSS, mapa de rutas vectorial e iconos SVG de carga.

Front-End: SvelteKit 2, Svelte 5 (runes), TypeScript, Vite; estilos encapsulados por componente.

Back-End: Renderizado en el servidor con Node.js (adapter-node); contenido en JSON, RSS 2.0 y sitemap generados en el servidor, sin base de datos.

Infraestructura: Docker (build multietapa sobre node:22-alpine), Nginx (OpenResty), SSL de Let's Encrypt.