Dolce Vita Chalet — a chalet in the Zaamin mountains
A site for renting the whole house: a full-bleed gallery, an interactive plan of every zone, the route into the mountains and a booking request straight to the owner.
- Client
- Dolce Vita Chalet Zaamin
- Industry
- Short-stay rental
- Timeline
- 4 days
- Team
- 2 people
- Format
- One-page site
Shows the house and takes the booking
The page covers one journey end to end. A guest arrives from a link, scrolls the house top to bottom, works out how to get there, and leaves a request — without going anywhere else.
- A full-bleed gallery instead of a grid of thumbnails
- An interactive plan: shared areas, bedrooms, bathrooms
- The location on a map and the route in Google Maps
- A booking form with name, phone and party size
One long page instead of a catalogue
The whole house is rented at once, so there is no catalogue to browse — there is one long page that reads in a single scroll and gives a reason to write on every screen.
- Every screen answers one question a guest has
- Anchor navigation instead of hops between pages
- WebP photographs served from a separate file domain
- The request reaches a server, not a mailto link
How it looks
Screenshots from the live site.
The page end to end
The opening screen with the house in numbers, the gallery, the plan, the route and the booking form in one scroll.
What it does
House gallery
Rooms, terrace and views at full width, scrolled without reloading the page.
Interactive plan
Switching between shared areas, bedrooms and bathrooms on the plan itself.
Getting there
A point on the map and a button that opens the route in Google Maps.
Booking request
Name, phone, party size and a comment, handled on the server.
Fast images
Photographs in WebP at the size they are shown, so the first screen opens on mobile data.
How the work went
- 01
Gathered the material
Chose the photographs of the house and the views, and settled the facts: bedrooms, capacity, altitude, the drive from the road.
- 02
Set the order of the screens
Decided what a guest sees and when: the view, the interior, the way there, the booking.
- 03
Built it and wired the form
Next.js, images on a separate domain, a request handled server-side.
- 04
Launched
Domain, meta tags and sitemap, so the page is found in search and not only from a direct link.
Project tech stack
Frontend
- Next.js
- React
- TypeScript
Styling
- Tailwind CSS
Images
- next/image
- WebP
Want a site like this?
Tell us about the project — we will estimate the timeline and cost within 24 hours.