CASE STUDY 01 · LIVE CLIENT SITE
Make three offers clear without losing the identity of a place.
La Borboutoise brings together a reception hall and two gîtes on a family farm in Thimister. The design work was to make those offers distinct, readable, and immediately tied to practical information.
- Project
- Client brochure site
- My role
- UX/UI and front-end
- Scope
- Structure, interface, responsive
- Proof
- Site live in production
01 · CONTEXT AND PROBLEM
One place, three offers to understand.
The site had to present a reception hall and two stays, while giving access to capacities, amenities, rates, directions, the history of the place, and ways to get in touch.
The design risk was to treat that content as a uniform catalogue. A visitor needed to identify the relevant offer quickly, then get practical information without losing the context of the place.
02 · ROLE AND RESPONSIBILITIES
From hierarchy to a shipped interface.
I owned the information structure, UX/UI design, visual direction, and responsive front-end implementation.
- Rank content that is shared versus specific to each of the three offers.
- Define a visual language consistent with the rural, family character of the place.
- Keep a value proposition and a primary action readable on mobile.
- Turn supplied content into usable public pages.
03 · CONSTRAINTS
Keep the authenticity without sacrificing clarity.
Linked offers
The hall and the two gîtes belong to the same place, but they answer different needs.
Visual content
Photographs have to set the tone without making the text or the action unreadable.
Mobile use
Practical information and contact have to stay reachable on a narrow screen.
04 · UNDERSTANDING THE NEED
Start from the questions the site has to answer.
The documented framing is based on an inventory of the client content and the informational questions visible in the offer. Interviews or user tests were not archived, so they are not presented here as evidence.
- What does the place offer?A hall and two gîtes.
- Which offer is for me?Dedicated pages make capacities and amenities comparable.
- What does it cost?Rates are grouped behind an identifiable entry.
- What next?Contact remains an explicit destination in the journey.
05 · ARCHITECTURE AND JOURNEY
Distinguish, compare, then get in touch.
The homepage introduces the place, then points to three offer journeys. Rates, history, and contact are shared landmarks. The diagram below reconstructs that logic from the navigation currently visible in production.
06 · UI AND RESPONSIVE DECISIONS
Make the place understood before detailing the offer.
DECISION 01
Put the real place first.
A full-frame photograph immediately sets the character of the farm. A dark veil keeps contrast stable for the title, the promise, and the contact button.
DECISION 02
Keep the hierarchy on mobile.
The mobile version simplifies navigation, keeps the name of the place, and puts the primary action before offer details. The composition changes; the decision order does not.
07 · DEVELOPMENT AND COLLABORATION
Make content, interface, and behaviour line up.
Front-end implementation materialises the hierarchy defined in design: dedicated navigation, offer pages, capacity and amenity blocks, a rates page, and contact. The detailed technical stack is not claimed here because this portfolio has no versioned project source for it.
The collaboration visible in the deliverable rests on a clear split: information and photographs describe the client’s activity; my role is their organisation, their form, and their responsive adaptation.
08 · OUTCOME AND LEARNINGS
Public proof, with no invented metric.
As of 1 September 2026, the site is live. It presents the hall and the two gîtes separately, documents their capacities and amenities, publishes rates, tells the family history, and provides contact information.
OBSERVABLE RESULT
A complete journey can be consulted online.
The proof is the deliverable and its public content, not an unmeasured commercial impact.
LEARNING
A multiple offer first needs a clear architecture.
Visual identity becomes more persuasive when it supports that differentiation.
09 · ACCESS TO THE LIVE SITE
See the solution in its real context.
The site can change after delivery. This study therefore distinguishes the choices presented here from content currently managed in production.