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

- 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.

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

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

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


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

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

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

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.

Service cards 
Mobile menu 
Quote form
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.