From listings to stories that sell

Think beachfront penthouses, historic mansions, private condos — each one with a distinct personality. A beach house and a city penthouse looked interchangeable.

The team felt it first. They'd spend weeks curating a property's story, only to watch it disappear into a generic layout. Worse: they couldn't fix it without a developer. Every update, every new listing, every layout tweak — all blocked.

The challenge: turn a rigid template into an editorial experience that lets each property feel like itself.

• Templates erased identity. A $2M property looked the same as a $200K one. The more unique the listing, the more it got flattened.

• Content froze in place. Every update needed a developer. Publishing, curating, iterating — a 5-minute edit meant a 2-day ticket. The team couldn't respond to market momentum.

• Users hit dead ends. Browsing felt like scanning a directory. No momentum, no emotional pull. Contact required effort. Users left before they connected.

The property detail page was the core — it holds everything and drives the key actions: view, contact, share. We had behavioral data from the previous site, giving us a starting point. But numbers alone don't tell you what someone feels when they land on a listing. We needed structure.

We started with a CSD Canvas to map certainties, assumptions, and doubts. This shaped every decision that followed.

I audited 12 platforms — QuintoAndar, Sotheby's, AxPe, Casas Bacanas, and others — to map patterns, gaps, and UX failures in high-end property experiences. The landscape was fragmented: some optimized for performance, others for brand. Almost none did both.

Each one scored by impact and effort, so we knew what to validate first — and what to leave for later. This kept the team focused on what mattered most instead of trying to prove everything at once.

Personas built from market research and behavioral data sat in front of prototypes. The findings were direct and human: a calm interface builds confidence, curation feels more human than filter overload, and contact must be one tap away on every screen.

• The CMS tension. The team needed freedom to tell stories — but every story had to look on-brand. Too much flexibility would break the identity; too much control would kill the voice. We built a component system with guided layouts — structured enough to stay consistent, open enough to feel unique.

• Performance as trust. In real estate, speed signals credibility. A slow page makes buyers doubt the professionalism behind it. We set performance budgets before writing a single line of CSS.

Clear navigation, property pages that blend rational facts with emotional atmosphere. The design lets each property breathe while still guiding users toward action.

Large imagery and bold typography create instant emotional pull. The main action is obvious; everything else stays within reach but doesn't compete.

A buyer researching a $1M apartment needs facts — square meters, bedrooms, location — but they also need to feel at home. The category page stayed visually and structurally consistent with the rest of the experience, so switching between views felt seamless.

The browsing-vs-filtering tension was the hardest design call in this project. Editorial navigation matched the brand, but I underestimated how much buyers rely on structured filters. Earlier quantitative testing on filter behavior would have saved refinement cycles later.

Otto House confirmed what I believe: design leadership means translating brand essence into structure — aligning emotion and action at every touch.