PTEN
← All case studies
UI DesignDigital brandingResponsive webClient project

ACR

A luxury developer's standards brought to digital, even when it comes to selling pre-owned homes.

My role
UX/UI: from briefing to handoff
Client
ACR, real estate developer
Timeline
About 6 to 8 weeks
Deliverable
Website from scratch · desktop and mobile
Home · desktop
ACR website home: aerial photo of the city, new developments, projects and pre-owned homes in a stories format
02 — Context

A high-end developer with no digital presence of its own

ACR builds high-end residential projects in Minas Gerais, Brazil. Until this project, the brand only existed on social media.

Audience

Buyers of homes priced from R$ 600k

Before

Social media only, no website

Goal 1

Promote new developments

Goal 2

Sell pre-owned homes received as trade-ins

03 — Process

From briefing to handoff

1Briefing2Discovery and benchmark3Layout4Design system5Prototype6Handoff

At the briefing, I brought UX and UI questions to align with the client on how the high-end feel should come through on the site.

04 — Visual direction

What makes a website feel high-end?

Three choices, all serving the same sense of sophistication and aligned with ACR's branding.

Aa

Serif typography

Lora: detail and refinement, like the finishes in the buildings.

A restrained palette

Graphite and white, with the brand red only as an accent. The property photography is the site's color.

White space

Breathing room as a sign of exclusivity, not leftover space.

05 — The challenge

How do you sell pre-owned homes without breaking the high-end experience?

The market standard

A typical listings portal

A dense grid, filters, ads and lots of text. Listings portals are cluttered by nature, and copying that model would contradict everything the rest of the site was building.

ACR
What had to be preserved

The ACR website

Clean navigation, consistent with the branding and with the buyer's profile.

06 — Decision: pre-owned homes in a stories format

A pattern everyone already knows how to use

Instead of a listings showcase, I proposed a section inspired by Instagram stories: familiar, light and with no learning curve.

Pre-owned homes page: a featured property and similar properties in circles, in a stories format
01 · Tap

Each circle is a property

The section shows up on the page as story bubbles.

02 · Immersion

Only the property matters

The rest of the page dims and the property opens with photos and details.

03 · Interest

One step to the sales team

The “I'm interested” button goes straight to ACR's sales team.

Why it works: buyers already know the gesture, the section doesn't clutter the page and the high-end look stays intact, on desktop and mobile.

07 — Screens

New developments in the spotlight

Development page: Marina Residence, with the facade, features, floor plans, construction progress and a contact form
Development page · hover to scroll
ACR blog with trends in architecture, interior design and the real estate market
Blog
08 — Design system

A foundation ready for development

Components and styles organized in Figma for a clean handoff: typography, colors, buttons, property cards, stories and the contact form.

Development card with a Last units badge
Grand Tower card with an Under construction badge, location and buttons to talk to a consultant and see details
09 — Results

Approved by people who know brands

0

change requests: the project was approved by the client and by an external communications consultancy from Belo Horizonte, which reviewed the site and suggested no changes.

10 — Learning

Sophistication is a UX decision too: what you choose not to show matters as much as what you show.