# Villa Kambole

> UI/UX design and front-end development of the Villa Kambole website and booking experience.

- Year: 2025
- Category: Work
- Role: UI/UX design, front-end development
- Client: Villa Kambole, Albufeira
- Stack: Next.js, React, Tailwind CSS
- Website: https://villa-kambole.com/
- Page: https://hvdrien.com/en/work/villa-kambole

## Overview

Villa Kambole wanted its own online presence to showcase the villa, highlight the experience on offer and let visitors book directly, while reducing its reliance on third-party booking platforms as much as possible.

The goal was therefore to design much more than a simple showcase site: a complete digital experience able to guide a visitor from discovering the villa all the way to booking.

I took charge of the site’s entire UI/UX design, from creating the mockups to adapting them responsively for desktop and mobile, as well as all of the front-end development.

## Mockups

![Figma mockup of the Villa Kambole homepage on desktop](https://hvdrien.com/assets/content/villa-kambole/img/wire-1.png)

![Figma mockup of a booking step: choosing the number of guests](https://hvdrien.com/assets/content/villa-kambole/img/wire-2.png)

![Figma mockup of the Villa Kambole FAQ](https://hvdrien.com/assets/content/villa-kambole/img/wire-3.png)

## Production

![The live Villa Kambole homepage on desktop](https://hvdrien.com/assets/content/villa-kambole/img/prod-1.png)

![Villa presentation section, with a photo carousel](https://hvdrien.com/assets/content/villa-kambole/img/prod-2.png)

![Guest reviews section of the Villa Kambole website](https://hvdrien.com/assets/content/villa-kambole/img/prod-3.png)

![“Your haven of peace, facing the Atlantic” section with the villa’s pool, on desktop](https://hvdrien.com/assets/content/villa-kambole/img/prod-4.png)

![Key figures for the villa: 230 m², 6 guests, 3 bedrooms and 4 bathrooms](https://hvdrien.com/assets/content/villa-kambole/img/prod-5.png)

![Live booking step: choosing the number of adults and children](https://hvdrien.com/assets/content/villa-kambole/img/prod-6.png)

## Scope of my work

Unlike a project focused solely on design, my work continued through to the front-end integration of the interfaces, letting me carry the choices made during the UI/UX phase directly into the final experience.

The project also includes all the functionality needed for direct booking: the booking system, request management and email communications.

This back-end infrastructure was designed and built in collaboration with the other members of the [UNSAVE](https://unsavestudio.com) studio.

---

**References**

*Villa Kambole, its identity, content, photographs and related assets remain the property of their respective owners. Their presentation does not constitute any claim of ownership over the company’s content or assets.*