
JR Transportes
Sitio web corporativo y de reservas para una empresa de transporte interprovincial. Desarrollado con Astro y Tailwind CSS, enfocado en rendimiento (SEO) y experiencia de usuario (UX).
Sobre el Proyecto
JR Transportes es una plataforma web desarrollada para una empresa de transporte interprovincial en Ayacucho. El objetivo principal fue crear una presencia online profesional, optimizada para SEO y con un rendimiento excepcional. La landing page permite a los usuarios conocer los servicios (transporte de pasajeros, turismo y encomiendas), explorar los destinos y conectarse directamente para realizar reservas vía WhatsApp.
Características Principales:
- Diseño UI/UX Moderno: Implementación de la identidad visual andina con micro-animaciones y efectos visuales avanzados.
- Optimización SEO: Uso de meta tags dinámicos, datos estructurados (JSON-LD) y sitemap autogenerado para mejor posicionamiento local.
- Rendimiento Extremo: Construido con Astro para generar HTML estático, asegurando tiempos de carga ultrarrápidos y excelentes Core Web Vitals.
- Sistema de Rutas: Componentes interactivos personalizados para selección de destinos y visualización de precios.
- Integración Directa: Conexión optimizada con WhatsApp para reservas rápidas y atención al cliente 24/7.
Tecnologías Utilizadas:
- Framework: Astro 4, aprovechando la arquitectura de islas.
- Estilos: Tailwind CSS v4 para diseño responsive y utilidades personalizadas.
- Integraciones: API de WhatsApp para comunicación directa.
Características Principales:
- Diseño UI/UX Moderno: Implementación de la identidad visual andina con micro-animaciones y efectos visuales avanzados.
- Optimización SEO: Uso de meta tags dinámicos, datos estructurados (JSON-LD) y sitemap autogenerado para mejor posicionamiento local.
- Rendimiento Extremo: Construido con Astro para generar HTML estático, asegurando tiempos de carga ultrarrápidos y excelentes Core Web Vitals.
- Sistema de Rutas: Componentes interactivos personalizados para selección de destinos y visualización de precios.
- Integración Directa: Conexión optimizada con WhatsApp para reservas rápidas y atención al cliente 24/7.
Tecnologías Utilizadas:
- Framework: Astro 4, aprovechando la arquitectura de islas.
- Estilos: Tailwind CSS v4 para diseño responsive y utilidades personalizadas.
- Integraciones: API de WhatsApp para comunicación directa.
Tecnologías Utilizadas
AstroTailwind CSSTypeScriptHTML/CSS
Galería





Características Principales
Optimización avanzada para motores de búsqueda (SEO)
Arquitectura estática de alto rendimiento
Diseño de interfaz con micro-animaciones personalizadas
Integración para reservas por WhatsApp
Diseño 100% responsivo para cualquier dispositivo
Desafíos Técnicos
01
Lograr puntajes perfectos en herramientas de medición de rendimiento
02
Desarrollo de componentes interactivos sin depender de librerías JS pesadas
03
Adaptar una identidad de marca tradicional a un entorno digital moderno
¿Interesado en este proyecto?
Si quieres saber más sobre cómo construí JR Transportes o tienes alguna pregunta, no dudes en contactarme.
