Case Study

    Bali All-Access Pass

    High-conversion landing page for a multi-day Bali travel pass bundling 50+ top experiences

    Frontend Web Developer at TipTip

    Bali All-Access Pass screenshot

    Overview

    A campaign landing page for SatuSatu's Bali All-Access Pass, a 1-, 2-, or 3-day pass that bundles 50+ Bali experiences with up to 60% savings, a free eSIM, and a dedicated concierge. I built the page end to end: an immersive hero with a header that turns from transparent to solid on scroll, a benefits section with a YouTube intro, a "book it yourself vs. with the pass" comparison whose prices and savings are derived from live catalog data, pass selection cards, an explore section, FAQ, a hero-aware sticky bar, and a floating WhatsApp concierge. Analytics events track key interactions, below-the-fold sections are lazy-loaded for performance, and a dedicated webview layout serves the page inside the mobile apps.

    What I Built

    • Built the page end to end, from an immersive hero with a header that turns from transparent to solid on scroll
    • Created a "book it yourself vs. with the pass" comparison whose prices and savings are derived from live catalog data
    • Added pass selection cards, an explore section, FAQ, a hero-aware sticky bar, and a floating WhatsApp concierge
    • Tracked key interactions with analytics events and lazy-loaded below-the-fold sections for performance
    • Shipped a dedicated webview layout so the page runs inside the mobile apps

    Tech Stack

    Next.js
    React
    TypeScript
    Material-UI
    TanStack Query
    i18next
    OpenPanel
    SEO

    Building something similar?

    I'm open to new opportunities and collaborations on front-end and web product work.

    Get in Touch

    More Projects

    All projects