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
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
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 to go from "this looks nice" to "I've sent an inquiry."
Before this build, the property's online presence was minimal. Potential guests found them through word of mouth or 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: 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: Airbnb's gallery 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 component with:
Grid layout on the main page → 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. Rather than ship a half-built booking module, two frictionless inquiry channels were built around what the client already uses.
| Channel | How It Works |
|---|---|
| WhatsApp Business API | Button present throughout the site — opens WhatsApp with a pre-filled message: intended check-in dates, number of guests, specific requirements. Owner receives everything needed to reply with availability and pricing in a single response. Uses Meta's WhatsApp Business API with the property's registered Business number — not a generic `wa.me` link. |
| Contact Form via Email | Captures name, email, phone, dates, and message. Nodemailer sends a formatted email directly to the property owner on submission. Guest receives a confirmation acknowledgement. No inquiry falls through the cracks. |
Together these channels give the property a direct booking inquiry pipeline — zero commission cost, no new tools required 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.
| Element | Implementation |
|---|---|
| Rendering | Next.js SSR — every page fully crawlable, no client-side rendering blind spots |
| Metadata | Title tags, meta descriptions, Open Graph tags per page |
| Structured data | Schema.org markup for the property |
| Copy | Keyword-aware targeting Mukteshwar accommodation and hill station search terms |
| Performance | Lighthouse-optimised, fast on mobile connections — critical for a target audience searching on phones |
A potential guest can find the property, fall in love with it, and send an inquiry — 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.