PAC Journeys: de Framer al desarrollo propio

Diseñé y construí PacJourneys en Framer: una vitrina moderna y ligera de viajes premium, con retículas limpias, transiciones tranquilas e itinerarios claros.

Después: el paso al código propio

Después reconstruí PAC Journeys como aplicación independiente en React y Vite. La empresa de Dubái ofrece cruceros, circuitos, hoteles y viajes personalizados premium. Había que conservar el carácter original y facilitar el desarrollo futuro.

Reconstruí la interfaz en código, trasladé los recursos visuales y dividí las páginas en componentes reutilizables. El contenido obtuvo estructura propia y la web dejó de depender de Framer.

Incluye historia de la empresa, flota de cruceros, páginas de barcos, circuitos, hoteles, restaurantes y consultas. El contenido está previsto en inglés y ruso.

Usé React, Vite, React Router, Tailwind CSS y Framer Motion; verificaciones con Vitest y alojamiento en Cloudflare Pages. React Router organiza el catálogo creciente; Framer Motion conserva transiciones apropiadas para el lenguaje visual.

Así es la versión conservada de PAC Journeys: interfaz pública original con composición y materiales reales. La demo permite examinarla; no envía consultas reales.

Sitio PAC Journeys

Interfaz archivada · datos de demostración

El código carga por rutas. Las imágenes están preparadas para distintos tamaños, los materiales viven en el proyecto y las páginas tienen metadatos SEO. También trabajé accesibilidad, estructura bilingüe, sitemap y datos estructurados.

Es continuación del diseño original. El sitio obtuvo una base desarrollable y publicable sin depender de la herramienta donde nació.

Hay dos etapas: versión de diseño Framer y aplicación React posterior. La fecha del artículo corresponde a los comienzos; la interfaz codificada apareció después. La fecha exacta de entrega de esa etapa requiere confirmación aparte.

Ver PAC Journeys.

Pantallas y registros del proyecto

Historias relacionadas: Pilates.me en Framer · Portfolio de Framer a Astro.