ABOUT SERVICES CLIENTS CONTACT Get in Touch
Case Study

Kairos
by Seastone Homes

A brand-new digital experience for an exceptional residential project on the Garraf coast — immersing potential buyers in a vision of modern living, steps from the sea and an hour from Barcelona.

UX / UI Design Web Development Real Estate Garraf Coast
Client
Kairos
Industry
Jewelry
Location
Rome, Italy
Scope
Full Redesign
Year
2025
Kairos hero image
The Challenge

A premium real estate project — with no digital presence to match its ambition

Kairos is a new residential development in Sant Pere de Ribes, on the Garraf coast south of Barcelona — 10 minutes from Sitges and less than an hour from the city. Four residential blocks offer spacious 3 and 4-bedroom apartments with private garages, green areas, a swimming pool and premium finishes, designed for those seeking the ideal balance between nature, quality and connectivity.

With no existing website or digital presence, the project needed to be built from scratch — both technically and strategically. The challenge was to create an experience that would not only showcase the architecture, but make visitors dream of the lifestyle: the sea, the calm, the proximity to Barcelona, the exceptional quality of every detail.

Objectives
  • 01Design an immersive digital experience that makes visitors fall in love with the Kairos lifestyle
  • 02Showcase the Garraf coast location as a premium living destination, not just a postcode
  • 03Build an interactive Plans explorer letting buyers visualise and select their future apartment
  • 04Create a multilingual platform reaching French, Spanish, English and Catalan buyer segments
  • 05Deliver a fast, mobile-optimised site designed to generate qualified contact requests
Kairos services image
What We Did

Design & development,
working as one

Every section — from the immersive homepage hero to the interactive floor plan explorer — was built to do one thing: make potential buyers say 'I want to live here.'

🎨
UX / UI Design

We designed a premium editorial experience that makes the project's quality immediately perceptible — from the first scroll to the floor plan explorer.

  • Full sitemap & user journey architecture
  • Immersive full-screen homepage hero
  • Location storytelling with lifestyle photography
  • Project & housing detail page design
  • Interactive Plans page UX flow
  • Mobile-first responsive layouts
⚙️
Web Development

We built a fully custom site with a complex interactive Planos feature — click-to-select apartment mapping with real-time floor plan display and PDF download.

  • Custom CMS development
  • Interactive Planos map with 28 apartment units
  • Real-time floor plan display per unit
  • PDF download per apartment
  • Multilingual (EN / FR / ES / CA) integration
  • Optimised performance & Core Web Vitals
📈
Interactive Experience

The Planos page lets buyers click directly on their preferred block and apartment — the floor plan and specifications update instantly, with a PDF download available.

  • Block A, B, C, D interactive navigation
  • Individual apartment selection (28 units)
  • Real-time floor plan image display
  • Bedroom, bathroom & surface specs per unit
  • PDF technical drawings per apartment
  • Downloadable full brochure integration
Signature Feature

Interactive Plans Explorer

Buyers click directly on their preferred block and apartment — the floor plan, specs and PDF drawings update instantly.

kairos.seastonehomes.es/en/plans/
Kairos Interactive Plans Page
4
Residential blocks
28
Apartments available
1
Click to select
PDF
Plan per unit
What We Built

Every detail, designed to convert

01
Homepage Hero
Full-screen immersive imagery anchored by 'THE BEST PLACE TO LIVE' — the first impression sets the emotional tone and compels visitors to explore further.
02
Location Page
A dedicated page making the case for the Garraf coast: sea proximity, Sitges lifestyle, Barcelona connectivity and natural calm — all in one compelling visual narrative.
03
Project Showcase
Construction quality, materials and carefully selected specifications, presented with editorial photography and clear iconography that communicates value without jargon.
04
Interactive Planos
The standout feature: buyers select a block then a unit — the floor plan and full specs update in real time. Every apartment has a downloadable PDF of technical drawings.
05
Housing Gallery
Each apartment type is presented with detailed specs, surface areas and imagery, giving buyers the information they need to move from interest to contact.
06
Multilingual Platform
The full site is available in Spanish, Catalan, English and French — covering the key buyer markets for Garraf coast properties.
07
Lead Generation
Contact forms integrated directly with the sales teams (Seastone Homes + Swan PS), with clear CTAs on every page driving visitors toward qualified enquiries.
08
Mobile-First Build
Given that the majority of property enquiries now originate on mobile, every section was designed and tested for a seamless, fast experience across all devices.
Kairos detail
The Work

Built to Inspire

Ready to transform?

Your project deserves a digital presence that inspires.

Let's talk about what an exceptional digital presence could do for your next project.