Case study · Website

Bali Property Care

A calm, premium website for a villa care company in Bali, built to turn visitors into quote requests.

Scope
Website design & development
Stack
Astro + Tailwind CSS
Launched
October 2026
Bali Property Care: Hero
  • 16pages
  • 4services
  • 3packages

The client, The challenge, The solution

The client

A new property care company in Uluwatu and Canggu: housekeeping, pool care, gardens and general maintenance for villas, homes and small businesses.

The challenge

Owners hand over their keys, so trust is what they really buy. The business is new with little track record, and most visitors arrive from Instagram on a phone.

The solution

A site that shows proof instead of promises: sample photo reports, clear "from" pricing, a short quote form and a WhatsApp button on every page.

  1. Bali Property Care: A hero with just two actions.

    A hero with just two actions.

    An oversized centred headline with two living photos inside it. One clear action, no clutter.

    • The headline always fits two lines, from phone to widescreen
    • Get a quote or chat on WhatsApp
  2. Bali Property Care: Four services, one style.

    Four services, one style.

    Tall photo cards that are fully clickable, each leading to its own service page.

    • Each service page has a sample report and FAQ
  3. Bali Property Care: The promise, made visible.

    The promise, made visible.

    A looping WhatsApp conversation over a photo shows the photo report after every visit.

    • Messages appear one by one with a typing indicator
    • Reduced motion shows the whole chat at once
  4. Bali Property Care: Transparent "from" pricing.
    Bali Property Care: Transparent "from" pricing. (2)

    Transparent "from" pricing.

    Three packages in rupiah with a USD reference, plus a comparison table. Prices come from one JSON file.

    • Package buttons open the form with that package selected
  5. Bali Property Care: Drag-to-compare before & after.

    Drag-to-compare before & after.

    Comparison sliders turn the work into visible proof, touch and keyboard friendly.

    • Sample photos are clearly labelled until real job photos exist
  6. Bali Property Care: A short quote form.

    A short quote form.

    The most important feature: one page on desktop, three short steps with a progress bar on mobile.

    • Inline validation beside each field
    • Honeypot and minimum fill time, no captcha
  7. Bali Property Care: One system across every page.

    One system across every page.

    Service, package, area, about and FAQ pages share the same components, so it is easy to grow.

    • Services, prices, FAQ and areas live in JSON files

On a phone

For Instagram visitors, on a phone.

Every layout starts on a phone: large tap targets, a header with the quote button, and a floating WhatsApp button.

Stack

Built to launch, and to grow.

Fast

  • Static pages
  • Right-sized WebP photos with lazy loading

Built for search

  • One H1 per page, unique titles and descriptions
  • Sitemap, robots, Open Graph
  • LocalBusiness, Service and FAQ structured data

Accessible

  • Strong contrast and keyboard navigation
  • Descriptive alt text and reduced-motion support
  • Astro
  • Tailwind CSS
  • Leaflet + OpenStreetMap
  • Inter Tight

Photography on this site is sample imagery for design purposes, and testimonials are marked as samples, until real photos and reviews are available.

Want a site like this?

Tell us about your business. We will help you pick the right package, from a landing page to a booking system.

Chat with Sreative on WhatsApp (new tab)