A Colorado real estate agency's website, with one journey for buyers and one for sellers

The website of a local real estate agency, with separate journeys for buyers and sellers, home valuation, a program for military families and a gallery full of personality. Rubén handled the UX/UI design and frontend development.

Client: Local real estate and notary agency (Colorado, US)
Year: 2026
Type: Corporate site · Real estate
Role: UX/UI design (Rubén R.) · Frontend development
Team: Twelve Legs Marketing
Tools: Figma

Project under NDA: the brand, names and data shown in the images are fictitious.

The agency's home page on desktop and mobile: an aerial view of a city with mountains behind it and the home search button.

Context

A local real estate agency in Colorado, which also offers notary services, wanted a new website. Its value lies in knowing the area and supporting each client from start to finish, something the big property portals don't convey.

Rubén worked on it with the Twelve Legs Marketing team: he designed the whole site and handled the frontend development. The project is confidential, so the brand, addresses and identifying copy have been changed in the images.

Challenge

A small agency competes with portals that have every home and every filter. The website couldn't win on volume, so it had to win on trust and closeness: explain how they work, give reasons to get in touch and show who is behind it.

On top of that, buyers and sellers arrive with very different questions, and both processes are long and stressful.

Process

Rubén designed the home page, the buyers and sellers pages, the agency page, a gallery of its own, the privacy notice, the thank-you page and the 404, on a simple system: a classic serif for headings, light backgrounds, a steel blue for actions and photography of the area.

Each audience has its own page, with its own step-by-step journey, advantages and testimonials. The home page routes to both and gathers what serves everyone: featured homes, home valuation and access to the local MLS searches.

Desktop home page: headline over an aerial view with mountains, value proposition, featured homes and a home valuation block. — The home page: value proposition, featured homes and valuation. Fictional brand and addresses.

Solution

The process, explained. Buyers and sellers each get a journey in numbered steps (nine for buying, eleven for selling) that tells them what happens at each stage and how the agency helps.
Valuation as the way in. “Curious about your home's worth?” explains in three steps what the owner receives, with no obligation, and is the main call to action for sellers.
Featured homes without competing with the portals. A selection of listings with price and key details, plus direct links to the MLS searches for anyone who wants to see the whole market.
A program for military families. A dedicated section presents cash assistance for active duty and veteran clients, in an area with a strong military presence.
Personality. “That's Crazy” collects the strangest things the team has found while visiting homes: the kind of content no portal has, and one that makes the agency memorable.

Buyer journey in nine numbered cards, from budget to closing day. — The buyer journey, from “what is your budget?” to closing day.

Section thanking the military, with copy, a button to the cash assistance and a photo of a flag at sunset. — The assistance program for active duty and veteran clients.

Mobile version

To show it here, Rubén adapted the key screens to mobile with the same system. The menu takes over the screen and adds a shortcut to the valuation, the journeys become a vertical line of steps, and listing cards stack with the key details in view.

Three mobile screens: home, full-screen menu and featured homes. — Home, menu and featured homes on mobile.

Three mobile screens: the buyer journey in steps, home valuation and the military program. — Buyer journey, valuation and the military program on mobile.

Outcome

The site is live: it explains how the agency works, makes valuation its main call to action for owners and conveys a personality that sets it apart from the portals.