Back to Real-World Builds

Ecoescape Mukteshwar

A full-stack hospitality website for a boutique hill station inn designed to make a remote property feel discoverable, desirable, and bookable without a reservation system.

Role: Solo Builder & Designer : full-stack architecture, UI/UX design, AirBnb-style gallery implementation, WhatsApp Business API integration, contact form email system, SEO optimisation

Next.jsReactTailwind CSSWhatsApp Business APINodemailerVercel
Screenshot 1 of Ecoescape Mukteshwar
Screenshot 2 of Ecoescape Mukteshwar
Screenshot 3 of Ecoescape Mukteshwar
Screenshot 4 of Ecoescape Mukteshwar
Screenshot 5 of Ecoescape Mukteshwar
Screenshot 6 of Ecoescape Mukteshwar
Screenshot 7 of Ecoescape Mukteshwar
Screenshot 8 of Ecoescape Mukteshwar

Overview

Ecoescape Mukteshwar is a boutique inn nestled in the hills of Mukteshwar, Uttarakhand. Their online presence needed to do what their location makes difficult, reach people who don't know they exist yet and convert browsing curiosity into a booking inquiry. Built on Next.js with an AirBnb-inspired gallery, a WhatsApp Business API booking flow, an email contact system, and a fully responsive design optimised for the kind of traveller who researches destinations on their phone at 11pm. Clean, atmospheric, and built to convert without a single paid booking platform taking a commission cut.

The Problem

Small boutique properties in hill stations face a brutal discoverability problem. They're off the main tourist trail, they don't have the marketing budget of larger resorts, and they rely almost entirely on word of mouth and the occasional OTA listing that takes 15-20% commission on every booking. A well-built, SEO-optimised website with a frictionless inquiry flow changes that equation entirely, it gives the property a direct channel to guests, no middleman, no commission. The client's existing online presence was minimal. The goal was to build something that felt as premium as the property itself and made it effortless for a potential guest to take the next step.

How It Was Built

The Problem With Being Beautiful But Unknown

Ecoescape Mukteshwar is a genuinely lovely property. The problem with lovely boutique properties in remote hill stations is that loveliness alone doesn't generate bookings, discoverability does. And discoverability in 2026 means a fast, mobile-optimised website that shows up in search results, loads beautifully on a phone, and makes it completely effortless for someone to go from "this looks nice" to "I've sent an inquiry."

Before this build, the property's online presence was minimal. Potential guests either found them through word of mouth or through OTA platforms like MakeMyTrip or Airbnb, both of which take significant commission cuts on every booking and give the property no direct relationship with the guest.

The goal was straightforward: build a website that feels as premium as the property, ranks for the right search terms, and converts visitor interest into direct inquiries without a booking platform taking a cut.

The Gallery — Built the Way the Client Wanted

The client had a specific vision for the gallery: AirBnb's layout. That modal-based, full-screen, scrollable photo experience that makes a property feel like somewhere you genuinely want to be.

This was implemented from scratch, no third-party gallery library, no plugin. A custom React gallery component with a grid layout on the main page and a full-screen lightbox modal on click, smooth transitions, keyboard navigation, and touch swipe support for mobile. The client's photography is the strongest asset of the property. The gallery was built to show it off properly.

The Booking Flow — No Budget for a System, So Build Around It

The client's budget didn't extend to a full booking management system at this stage. Rather than ship a half-built booking module, a smarter approach was taken: build two frictionless inquiry channels that the client could actually manage with the tools they already use.

Channel 1 — WhatsApp Business API: A WhatsApp button is present throughout the site. When clicked, it opens WhatsApp directly with a pre-filled, customisable message, the guest's intended check-in dates, number of guests, and any specific requirements. The message is structured so the owner receives everything they need to respond with availability and pricing in a single reply. This uses Meta's WhatsApp Business API, not a generic wa.me link, proper business integration with the property's registered WhatsApp Business number.

Channel 2 — Contact Form via Email: A full contact form captures name, email, phone, dates, and message. On submission, Nodemailer sends a formatted email directly to the property owner. The guest receives a confirmation acknowledgement. No form data is lost, no inquiry falls through the cracks.

Together these two channels give the property a direct booking inquiry pipeline that costs nothing in commission and requires no new tools or systems from the owner's side.

SEO and Performance

Being a small property in a competitive hospitality market, SEO was treated as a first-class concern from the start. Next.js provides server-side rendering out of the box, every page is fully crawlable, no client-side rendering blind spots. Metadata, Open Graph tags, structured data for the property, and keyword-aware copy targeting hill station and Mukteshwar accommodation search terms were all implemented. The site is fully responsive, lighthouse-optimised, and loads fast on mobile connections, critical for a property whose target audience is searching on phones.

The result is a property website that a potential guest can find, fall in love with, and inquire about, all without leaving to a third-party platform.

Results & Impact

Direct booking inquiry channel established via WhatsApp Business API and email contact form, eliminating OTA commission dependency for direct inquiries. Fully SEO-optimised for hill station hospitality search terms.