ToursCR

2024
View project

An immersive digital experience for a Costa Rica tour agency. Dynamic visual gallery and a simplified booking flow that converts visitors into direct bookings.

Landing Page
Role: Full Stack Developer & UI Designer
Client: Costa Rica Tour Agency

Overview

An ultra-fast, mobile-first landing page with a dynamic gallery and a simplified 3-step booking flow with direct WhatsApp CTAs.

Every architecture and design decision was made with scalability, performance and real business impact in mind. The result speaks for itself: A 40% increase in direct bookings and a 50% drop in bounce rate within the first month.

Experience Design

Modular architecture and the system's screen ecosystem.

Swipe to explore
Main project view
Mobile project view

Tech Stack

  • Astro
  • React
  • Tailwind CSS
  • Framer Motion
  • Lenis

Features

  • Immersive gallery:

    Tourist destinations with optimized lazy loading and smooth transitions.

  • 3-step booking:

    Simplified flow that removes friction and reduces abandonment.

  • WebP/AVIF images:

    Automatic optimization pipeline for sub-second loading.

  • Mobile-first:

    Green Core Web Vitals across every Google metric.

  • WhatsApp CTA:

    Direct integration for inquiries with a pre-filled message.