Catálogo de programas y excursiones
Páginas dedicadas para programas multi-día (3/4/5 días y luna de miel) y excursiones individuales, con fichas para cada destino.
Turismo · Tour operador en San Pedro de Atacama · Desarrollo Web
TurismoChileTours
Sitio institucional multilingüe para TurismoChileTours, tour operador en San Pedro de Atacama. Presenta el catálogo de programas y destinos y canaliza solicitudes de tours privados y postulaciones laborales, sumando un canal corporativo en español, inglés, francés y portugués brasilero.
Next.js 14React 18TypeScriptTailwind CSSRadix UInext-intlReact Hook FormZodResendGSAPVercel
Cliente
TurismoChileTours
Duración
≈3 meses de desarrollo (agosto–noviembre 2024). Coordinación 100% remota.
En producción
Noviembre 2024 — en producción desde el lanzamiento, sin soporte continuo posterior.
El problema
TurismoChileTours opera como tour operador consolidado en San Pedro de Atacama, con una base de clientes que reservaba mayoritariamente por WhatsApp y referidos. El proyecto no nació de un dolor operativo, sino de la decisión estratégica de proyectar una presencia digital sólida y profesional para captar nuevos segmentos.
Su público objetivo es mayoritariamente turista internacional, lo que exigía un sitio multilingüe desde el día uno (español, inglés, francés y portugués brasilero) y una narrativa institucional consistente: historia, equipo, políticas y sustentabilidad.
La pieza específica que faltaba era un canal serio para tours privados y grupos corporativos, donde la propuesta requiere interacción uno-a-uno y un formulario calificado antes de cotizar.
La solución
El sitio funciona como vitrina institucional y como filtro de leads calificados. Presenta los programas (3 días, 4 días, 5 días, luna de miel), las excursiones individuales y las fichas de destinos (San Pedro, Uyuni, Patagonia y festividades regionales), junto con el contenido de marca: historia, equipo, políticas y certificaciones de sustentabilidad.
Los formularios de tours privados y de "Trabaja con nosotros" capturan los datos necesarios, se validan en cliente y servidor con un mismo schema Zod, y disparan un correo formateado al equipo comercial vía Resend, manteniendo el branding del sitio en cada notificación.
En números
4
idiomas soportados
Español, inglés, francés y portugués brasilero.
4
programas multi-día publicados
3 días, 4 días, 5 días y luna de miel.
2
formularios calificados
Tours privados y postulación laboral, con notificación por correo.
100%
páginas pre-renderizadas
Sin base de datos. Tiempos de carga óptimos en edge.
Arquitectura
Aplicación Next.js 14 con App Router, pre-renderizada donde es posible y desplegada en Vercel. Internacionalización con next-intl en cuatro locales y URLs traducidas. Componentes accesibles construidos sobre Radix UI siguiendo la convención de shadcn/ui; animaciones con GSAP y carruseles con Embla. Sin base de datos: el contenido vive en el repositorio (más rápido de iterar para un sitio institucional) y los formularios se procesan en Server Actions / API routes que delegan en Resend para el correo transaccional. Validación end-to-end con Zod compartida entre cliente (react-hook-form) y servidor.
Decisiones técnicas
Next.js 14 + App Router
Renderizado híbrido (estático para páginas institucionales, Server Actions para formularios), SEO sólido y deploy de un clic en Vercel; ideal para un sitio cuyo contenido cambia poco y rinde mejor pre-renderizado.
next-intl
El cliente atiende cuatro mercados idiomáticos. Maneja routing localizado, mensajes y formatos en una sola fuente de verdad, evitando duplicar páginas por idioma.
Radix UI + Tailwind (patrón shadcn/ui)
Componentes accesibles por defecto (foco, ARIA, teclado) sin atarse a una librería de UI completa; estilo 100% propio con Tailwind y reuso directo en el ecommerce hermano.
React Hook Form + Zod
Un único schema valida cliente y servidor, eliminando la duplicación típica entre validación frontend y backend.
Resend + React Email
Correos transaccionales bien renderizados sin montar SMTP propio. Las plantillas se escriben como componentes React, así que los emails comparten estilo con el sitio.
GSAP + Embla Carousel
Animaciones de scroll y carruseles performantes en móvil, controlados finamente desde React con @gsap/react.
Vercel
Despliegue inmediato, edge cache para audiencia internacional repartida y previews por PR; barato y suficiente para una web institucional sin backend pesado.
Funcionalidades
Fichas de destinos
Páginas individuales para San Pedro, Uyuni, Patagonia y festividades/eventos regionales, con guías de cómo llegar y qué esperar.
Sitio multilingüe (4 idiomas)
Español, inglés, francés y portugués brasilero con routing localizado vía next-intl y URLs traducidas por locale.
Solicitud de tours privados
Formulario calificado con validación Zod end-to-end que dispara correo branded al equipo comercial mediante Resend.
Postulaciones laborales
Sección "Trabaja con nosotros" con formulario propio y plantilla de email dedicada para captar talento.
Páginas institucionales completas
Historia, equipo, políticas, FAQ y sustentabilidad, gestionadas desde el repo para iteración rápida sin CMS.
Línea de tiempo
Agosto 2024
Kickoff
Primer contacto con TurismoChileTours, definición de scope, idiomas objetivo y arquitectura.
Ago – Nov 2024
Desarrollo
Diseño UI, páginas institucionales, catálogo de programas y destinos, formularios e internacionalización.
Noviembre 2024
Lanzamiento
Despliegue a producción en Vercel y publicación en turismochiletours.com en los cuatro idiomas.
Hoy
En producción
Sitio operativo desde el lanzamiento; canal vigente de captación corporativa y de tours privados.
¿Tienes un proyecto similar?
Construyo sistemas a medida de extremo a extremo. Conversemos.