Mario Miranda Tours

August 2024

AstroTypeScriptTailwindCSSNetlifyDecap CMS

Overview

Built the first-ever digital presence for a Costa Rican eco-tourism operator who ran his entire business through WhatsApp. A fast, static Astro site with deep WhatsApp integration that tripled his direct client inquiries.

Key Highlights

  • First-ever digital presence for a WhatsApp-only business
  • 3x increase in tourist WhatsApp inquiries since launch
  • Deep WhatsApp integration respecting existing communication workflow
  • Fast static Astro site optimized for mobile travelers

Impact

Gave a WhatsApp-only eco-tourism operator his first digital presence, tripling direct tourist inquiries while preserving his preferred communication workflow.

Executive Summary

Mario Miranda Tours, a boutique eco-tourism operator in Costa Rica, had zero digital presence prior to this project. The owner relied exclusively on WhatsApp for all client communication, managing tour bookings, inquiries, and coordination entirely through messaging. We built his first-ever website using Astro, creating a fast static platform with deep WhatsApp integration that respects his preferred communication workflow. Since launching in August 2024, WhatsApp inquiries from tourists have tripled according to the business owner.

Client Background

Mario Miranda operates authentic Costa Rican eco-tourism adventures, specializing in personalized wildlife tours, volcano expeditions, and cultural experiences. As a solo operator passionate about sharing Costa Rica's natural beauty, Mario had always relied on word-of-mouth referrals and direct WhatsApp communication. He had no website, no email marketing, and no understanding of digital marketing — but recognized the growing number of international tourists searching online for authentic local tour experiences.

The Challenge

The client faced several unique challenges:

  • Zero Digital Experience: Mario had never owned a website or worked with digital channels beyond WhatsApp

  • WhatsApp-First Communication: All client interactions happened via WhatsApp — any digital solution needed to funnel directly into this workflow

  • No Technical Skills: Mario needed a platform he could understand without learning to code or manage complex systems

  • International Audience: Needed to reach US and European tourists searching for authentic Costa Rican tours

  • Mobile-First Reality: Most potential clients would discover tours while traveling, researching on mobile devices

  • Trust Building: Competing against established tour operators and platforms like Viator required establishing immediate credibility

Solution & Approach

We developed a streamlined platform focused on three core pillars:

1. Static-First Performance with Astro

  • Built with Astro framework for maximum performance through static site generation

  • Mobile-first responsive design optimized for travelers researching on smartphones

  • Lightweight, fast-loading pages that work on slow hotel and mobile connections

  • TailwindCSS for consistent, responsive styling across all devices

2. WhatsApp-Centric User Experience

  • Designed entire site to funnel inquiries directly to Mario's WhatsApp

  • Integrated WhatsApp Web API for instant messaging from every tour page

  • Created prominent "Chat on WhatsApp" CTAs throughout the user journey

  • Automated message pre-filling with tour details for seamless inquiry handling

3. Content & SEO Foundation

  • Developed compelling photo galleries showcasing authentic Costa Rican experiences

  • Implemented technical SEO with structured data, OpenGraph, and sitemap

  • Created individual tour landing pages optimized for search intent

  • Built trust through authentic photography and transparent tour descriptions

Implementation

Week 1-2: Foundation & Core Features

  • Astro project setup with TypeScript and TailwindCSS

  • Component architecture for tours, galleries, and contact flows

  • WhatsApp Web API integration and message templates

  • Mobile-first responsive design system

  • Tour content structure and photography optimization

Week 3: Content & SEO

  • Tour landing pages with detailed itineraries

  • Photo galleries showcasing wildlife, volcanoes, and cultural experiences

  • SEO optimization: meta tags, structured data, OpenGraph

  • Image optimization with WebP format and lazy loading

Week 4: Testing & Launch

  • User acceptance testing with Mario on mobile devices

  • WhatsApp message flow verification and template refinement

  • Google Analytics and Search Console setup

  • Training Mario on basic content updates through Decap CMS

  • Production deployment to Netlify

Results & Impact

Business Growth

  • 3x increase in WhatsApp inquiries from tourists since launch, according to the business owner

  • Direct WhatsApp inquiries now come from tourists who found the site online, a channel that didn't exist before

  • Established credibility that helps compete against larger tour operators

Digital Presence

  • Established first-ever web presence for the business

  • Site indexed in Google with growing organic visibility

  • Homepage averaging position 7 in Google for branded searches

  • Starting to rank for tour-related queries in Costa Rica

Technical Performance

  • Fast static site that loads reliably on slow mobile connections

  • Optimized images in WebP format with lazy loading

  • Clean, semantic HTML with proper accessibility

  • Zero downtime since August 2024 launch on Netlify

Operational Simplicity

  • Mario continues managing all inquiries through WhatsApp — his comfort zone

  • Website automatically pre-fills tour details in WhatsApp messages, saving time

  • Zero email management required — all communication funnels to single channel

  • 24/7 professional presence while Mario sleeps or leads tours

  • Content manageable through Decap CMS without technical knowledge

Key Takeaways

This project demonstrates that effective digital transformation doesn't require changing how people work — it requires building technology around their existing workflows.

By respecting Mario's WhatsApp-first communication style instead of forcing him to learn email management, CRM systems, or complex booking platforms, we created a sustainable digital presence he could confidently operate. The website serves as a professional storefront that captures tourist searches while funneling all inquiries directly into Mario's preferred communication channel.

The static-first approach with Astro proved ideal for this use case — delivering fast, reliable performance without the complexity of server-side infrastructure. For a solo tourism operator, simplicity and reliability matter more than cutting-edge architecture.

Ready to start your project?

Let's discuss how I can help bring your vision to life.