Skip to main content

Equtora Premium Travel Pricing Engine & Custom CRM

A premium travel planner with instant "ghost" lead capture and a real-time curator CRM suite built using Next.js, Supabase, and Tailwind CSS.

Next.js TypeScript Supabase PostgreSQL Tailwind CSS Serverless
Equtora Premium Travel Pricing Engine & Custom CRM main visual

Equtora - Premium Travel Pricing Engine & Custom CRM Suite

Project Overview

Equtora is a premium interactive travel planner and private Customer Relationship Management (CRM) dashboard designed for luxury travel curators.

Traditional travel agencies lose up to 70% of potential leads because users drop out during long, multi-step booking forms. If a user leaves at Step 2 or 3, their details are lost forever. Equtora solves this conversion leak by introducing a zero-friction background saving system that captures customer details instantly as they type, paired with a luxury glassmorphic interface for travelers and a real-time admin portal for curators.


Key Goals & Objectives

  • Capture Abandoned Leads: Instantly save contact details in the background, securing lead information even if users do not complete the planner.
  • Premium Customer Experience: Build an elegant, responsive interface with smooth transitions and real-time calculations to engage high-end travelers.
  • Real-Time Admin Controls: Provide travel agents with a private control panel to manage inquiries, add destinations, adjust pricing rules, and configure addons instantly.
  • Bulletproof Stability: Ensure the website remains stable and responsive under heavy traffic, preventing server crashes during database connection hiccups.
  • Automated Hosting Optimization: Automatically clean up obsolete files in the cloud to prevent bloat and keep cloud hosting costs low.

Features & Implementation

1. Zero-Friction "Ghost" Lead Capture

To solve the form abandonment issue, I engineered an automatic background saving system:

  • Instant Autosave: The moment a user types their name or phone number, the system securely saves the information as a "ghost" lead in the background within half a second.
  • Progressive Updates: As the traveler continues customizing their trip, the system reactively updates their lead details with selected dates, destinations, and addons.
  • Recovery Pipeline: If a traveler drops off before submitting, their contact number is already safely stored in the CRM, allowing curators to follow up.
Zero-Friction Checkout & Contact SyncThe checkout stage where customer inquiries and choices are synchronized securely.

2. High-Performance Glassmorphic UI/UX

Designed a premium, responsive travel builder featuring:

  • Adaptive Visuals: Transitioning background images that automatically update to match the destination chosen by the user.
  • Interactive Pricing Cards: Clean UI elements displaying optional amenities (with custom icons) that calculate totals dynamically.
  • Guided Number Validation: Smart validation for mobile numbers (handling country codes like +91) that helps users correct typos without annoying browser alerts.
Interactive Travel Planner - Destination ChoiceStep 1: Selecting a destination with animated backdrop transitions.
Addon & Accommodation SelectionStep 2: Selecting travel addons with dynamic, real-time pricing calculations.

3. Private Curator CRM & Configurator

The admin panel is a private, secure control center accessed via a custom login route (/admin/login). I designed this portal to load sub-second by splitting the code into isolated, modular blocks.

The dashboard provides four main controls:

  • Leads Workspace: A real-time tracker where travel agents search, filter, and progress inquiries through the sales funnel (from initial draft to WhatsApp contact). Curators can log call outcomes and edit custom client requirements directly.
  • Destinations Manager: A visual manager that lets admins add new locations, set base pricing rules, and upload cover photos via a drag-and-drop file uploader.
  • Offerings Configurator: An interface to add or edit optional amenities (such as private car rentals, villas, guides, or meal plans) and choose flexible pricing options (e.g., one-off fee, per person, or per day).
  • Global settings: A master controller to adjust GST tax percentages, global discount rates, and target WhatsApp redirect numbers in one click.
Admin CRM Leads DashboardThe leads tracking interface where curators view and organize customer inquiries.
Rich Lead Detail & Notes PortalThe detailed view panel for logging notes and contacting prospects directly.
Visual Destinations ManagerThe destinations page where admins manage active locations and price multipliers.
Real-Time Addons & Amenities ConfiguratorThe addons page where agents adjust pricing rules and toggle travel options.

Key Technical Challenges Solved

1. Robust Serverless Resiliency

  • The Issue: Serverless hosting platforms run on read-only environments. When database connection glitches occurred, fallback logs attempted to write locally, triggering severe crashes.
  • The Fix: Decoupled the fallback logging from production processes and set up a fail-fast pipeline, keeping the website online and stable at all times.

2. Smart Asset Lifecycle Management

  • The Issue: When travel destinations were updated or deleted, their cover photos accumulated in the cloud storage bucket, bloating cloud hosting space and costs.
  • The Fix: Programmed automatic database hooks that detect deletions and updates, calling the storage system to permanently delete obsolete image files from the cloud.

3. Schema & Cache Synchronization

  • The Issue: Adding new columns to the database (such as destination thumbnails to load mobile items faster) caused cache errors, briefly stopping admins from creating new locations.
  • The Fix: Configured instant schema syncing grants and automatic cache reloading to ensure updates propagate globally without any downtime.

"The core challenge was transforming the lead-generation form from a point of friction into a silent background asset capture engine, while maintaining a luxury aesthetic that resonates with high-end travelers."


Impact & Deliverables

  • Clean Maintainability: Refactored a massive panel into isolated, clean visual components (enforcing a strict rule of under 400 lines of code per file) for reliable updates.
  • 0% Lead Loss: Real-time autosave secures all phone numbers instantly.
  • Sub-Second Load Time: Small-scale visual assets are optimized, saving client bandwidth and loading the visual builder on mobile in under a second.
  • Serverless Resiliency: Solved standard serverless filesystem constraints to ensure 100% server uptime.

Need a web application like this?

I help businesses and individuals turn complex ideas into refined, high-performance solutions. Let's discuss how I can help with yours.