Back to work

Ohana Real Estate

A property website that helps buyers find their place in the Spanish sun.

Client
Ohana Real Estate
My role
Lead Designer
Services
Website design, UX design, User interface design, Responsive design, Competitor research

Requirements

To design a website for a family-run estate agency on the Costa Blanca and Costa Cálida that makes finding a home in Spain simple for buyers from across Europe.

Approach

I started with competitor research into the big property portals, then designed search, listings, the map and property details around the questions buyers ask first: where, how much and how many bedrooms.

Why it mattered

Most Ohana buyers are moving from the UK, the Netherlands and further afield. A clear, bilingual site builds the trust that a personal, family-run agency depends on.

10Desktop templates
14Mobile screens
3Breakpoints
2Homepage concepts

Homepage

Search first

The homepage opens with search: location, property type and price, so buyers can start straight away. Featured properties follow, each card showing price, town, bedrooms, bathrooms and size.

Below, the towns Ohana covers, from Torrevieja to Cartagena, the team behind the agency and an easy way to get in touch.

ohanarealestate.es
Ohana homepage: property search, featured properties, areas, about the team and contact

Listings

Properties grid

A grid of every property for sale, with filters for location, type, price, bedrooms and bathrooms that stay in reach while buyers scroll.

Cards carry the same details in the same order every time, so buyers can compare homes at a glance.

ohanarealestate.es / properties
Properties page: filters above a grid of property cards

Details

Property details and map

The property page leads with a large gallery, then price, key facts, the description and features, with an enquiry form beside them that stays in view.

A map view shows every property by location. Tapping a pin opens a card with the photo, price and key facts, on desktop and on mobile.

ohanarealestate.es / property
Desktop: property gallery, price, key facts and enquiry form
Mobile property details page
ohanarealestate.es / properties / map
Desktop: properties shown as pins on a map with a list beside it
Mobile map with a property card over a pin

Mobile

Mobile templates

Every template is designed for phones too: the homepage, properties, about and the menu, built from the same components as the desktop site.

Mobile menu
Mobile properties list
Mobile homepage
Mobile about page
Mobile property details page

Concepts

Two homepage concepts

Before settling the design, I explored two homepage directions: one led by large photography and the coastline, one led by featured properties and search.

Both share the same navigation, cards and footer, so either could be built on the same system.

Homepage concept one, led by large coastal photography
Concept one: photography first
Homepage concept two, led by featured properties and search
Concept two: properties first

Next project

  1. Customer Flow and Persona Mapping

    Journeys, Personas