Comfort Apartments Melbourne Central
Visit the live site
Key Results & Impact
- Live at comfortapartmentsmelbournecentral.com.au
- Every page of copy and every photo is editable by the client in the CMS
- One CMS serves this and the client's other property sites
- Part of a group of five booking websites we built for the same Australian client, now under a one-year maintenance contract
The Challenge
A serviced apartment property in central Melbourne needed a website that gets a visitor from the home page to a completed booking in as few steps as possible, and that the reception team can keep current themselves: new photos, changed rates text, parking instructions and FAQs, without calling a developer.
Our Solution
We built a fast single-page site in React with the property's content served from a Strapi CMS. Apartments, parking, gallery, FAQ and contact pages are all edited in the CMS; the Book Now buttons on every page send the guest straight into the property's reservation system. The site runs in Docker behind Nginx and shares one CMS with the client's other properties.
Technologies Used
- React
- TypeScript
- Vite
- Tailwind CSS
- Strapi CMS
- Docker
- Nginx
How it works
The site is a React single-page application built with Vite and TypeScript, styled with Tailwind. It contains presentation only. Every piece of content, from the hero headline to the parking instructions and the FAQ answers, is fetched at runtime from a Strapi CMS, so the client edits the site in a form, not in code.
The CMS is shared across the client's properties and each site is identified by a slug, so one backend serves several front ends. Book Now buttons link out to the property's reservation system, which handles availability and payment. The front end is built into a Docker image and served by Nginx.
The hard part
A booking site earns its keep on the phone in a guest's hand, so the layout, the photo slider and the Book Now placement were done mobile first and checked on real devices, with the desktop view following from that.
Content driven from a CMS can fail in ways a static site cannot: a missing field, a slow API, an image that was never uploaded. The pages fall back sensibly in each case instead of showing a broken block, and the site still renders its shell while content loads.
This project is part of our Mobile & Web App Development work.
Ready to Transform Your Ideas into Reality?
If you are planning something similar, or something quite different, a 30-minute call with one of our engineers is free and usually enough to tell whether we are the right fit.
Get Your Free Quote