Monte di Lavanda

DECEMBER 2025

TECHNOLOGY:

Wordpress

Monte di Lavanda

SECTOR:

HOSPITALITY

Web Design

Brand Design

Content Strategy

Live website

Client Problem

Monte di Lavanda is a boutique guesthouse in Italy. The owner needed a central place to present its apartments, amenities, and local activities, while reducing the time spent answering the same guest questions repeatedly. The starting point was a general visual direction and a collection of photographs, without a defined visual identity.

The Solution

I used the owner’s recurring guest questions to shape the website’s content and navigation, creating a journey from discovering the property and comparing apartments to exploring local activities and planning a stay. I brought the logo, colors, typography, and imagery into a consistent visual identity and built a responsive WordPress website.

Overview

Visual Direction

Guest Journey

Apartments

Build

Overview

Visual Direction

Guest Journey

Apartments

Build

02 / Visual Direction

A visual language shaped by the property

The client provided an existing logo, photographs of the property and its surroundings, and initial creative direction. I refined the logo and developed a cohesive visual language inspired by the guesthouse, drawing on its warm architecture, natural materials, lavender accents, and the surrounding countryside.

A visual language shaped by the property

Color palette

The client wanted an earthy palette inspired by the Tuscan countryside. I translated that direction into soft off-whites and muted neutrals for the main surfaces, charcoal for readable content, and terracotta and lavender accents that echo the property's architecture and natural surroundings.

SURFACES

CONTENT

ACCENT

Typography

I wanted the typography to evoke the character of old books and give the website a timeless, literary feel. Cormorant Garamond gives headings an expressive, editorial look, while Lora provides a complementary, readable typeface for longer descriptions and practical information.

Cormorant Garamond

DISPLAY / EXPRESSIVE TYPOGRAPHY

ABCDEFGHIJKLM
NOPQRSTUVWXYZ

abcdefghijklm
nopqrstuvwxyz

1234567890

Lora

READING / EDITORIAL TYPOGRAPHY

ABCDEFGHIJKLM
NOPQRSTUVWXYZ

abcdefghijklm
nopqrstuvwxyz

1234567890

Lora

READING / EDITORIAL TYPOGRAPHY

ABCDEFGHIJKLM
NOPQRSTUVWXYZ

abcdefghijklm
nopqrstuvwxyz

1234567890

Iconography

I selected the Laces icon set to help guests quickly find practical information, including travel options and available amenities. Its soft, rounded linework adds a handcrafted feel that complements the website's natural, understated aesthetic.

BY PLANE

BY CAR

BY TRAIN

SWIMMING POOL

PANORAMIC TERRACE

WI-FI

BREAKFAST INCLUDED

FREE ONSITE PARKING

03 / Guest Journey

Turning guest questions into a clearer journey

I used the questions the owner regularly received to shape the website’s content and navigation. The page guides guests through the property, amenities, apartments, and surroundings, with practical information to help them plan their stay. Alongside this exploratory route, I provided a direct availability inquiry for visitors ready to contact the owner.

Related UX Research: The review found alignment with Baymard’s boutique-hotel research: some visitors prioritize exploring the property, while others look for availability immediately. The connection here is supporting both starting points.

I used the questions the owner regularly received to shape the website’s content and navigation. The page guides guests through the property, amenities, apartments, and surroundings, offering practical information to help them plan their stay. Alongside this exploratory route, I provided a direct availability inquiry for visitors ready to contact the owner.

Support research note: The review found alignment with Baymard’s boutique-hotel research: some visitors prioritize exploring the property, while others look for availability immediately. The connection here is supporting both starting points.

Discover

What is Monte di Lavanda, and what kind of stay can I expect?

Mobile interface preview of the Monte di Lavanda apartment listings

guest question

Which apartment is right for me?

Which apartment could suit me?
What does each stay offer?

Experience

What amenities and experiences are included?

Monte di Lavanda website amenity card: swimming pool.

Monte di Lavanda website amenity card: free onsite parking.

Monte di Lavanda website amenity card: panoramic terrace.

Monte di Lavanda website amenity card: Wi-Fi.

Monte di Lavanda website amenity card: breakfast included.

Monte di Lavanda website amenity card: helpful hosts.

Mobile interface preview with arrival information and contact options

PLAN

How do I get there?

04 / Apartments

Different apartments, a common basis for comparison

I organised each apartment around the same core details: guest capacity, sleeping arrangements, floor area and nightly rate. This gave guests a consistent basis for comparing their options

UX Research: This approach aligns with Baymard’s findings on consistent listing information and sufficiently detailed descriptions. Together, these principles support comparison and help visitors assess suitability without interpreting missing information as a missing feature.

This approach aligns with Baymard’s findings on consistent listing information and sufficiently detailed descriptions. Together, these principles support comparison and help visitors assess suitability without interpreting missing information as a missing feature

L’Ortensia apartment card showing imagery, pricing, room facts, and enquiry action

MORE ROOM VIEWS

You get several photos within one card

ROOM-SPECIFIC ENQUIRY

Ask about this apartment

CONCISE DESCRIPTION

Character without long copy

CLEAR PRICING

Separated from the description

KEY ROOM FACTS

Most important information in one place

MORE ROOM VIEWS

Multiple photos within one card

Room-specific enquiry

Ask about this apartment

Close-up of the L’Ortensia apartment card used in the interface

Concise description

Character without long copy

Clear pricing

Separated from the description

Key room facts

Capacity, beds, and room size

05 / Build

From design to a responsive website

I implemented the website in WordPress, adapting the experience across desktop, tablet, and mobile. Rather than simply scaling down the desktop design, I adjusted the layouts, navigation, imagery, and content hierarchy to keep essential information and availability enquiries accessible across different screen sizes.

I implemented the website in WordPress, adapting the experience for desktop, tablet, and mobile. My client said that having all those details on an accessible website helps him focus on more important matters than describing the property. The website could also connect directly to Booking.com. The client also said the marketing became easier for her.

Monte di Lavanda homepage showing the countryside, introduction and availability actions

Monte di Lavanda tablet apartment card with imagery, room details, pricing and enquiry

Monte di Lavanda mobile availability enquiry and practical stay information

Visit live website

My WORK · PRODUCT & WEB

Have a project in mind?

Let's work together