iO PartnersOne property platform for four countries.

iO Partners — project image

At a glance

Design thinking
Bring every listing into one format first, so clients get the same search in every country.
Problem
Each market had its own website and listing data differed by country, while the team was small and the deadline tight.
Approach
We planned the delivery in phases and built every page from one set of numbered modules.
Outcome
One platform links the corporate and property websites, with cross-border search and a custom CMS for agents.
Role
Lucie as design and project lead, running the plan, SEO and integrations. The visual identity is by the client’s brand designer.
What we designed
  • Roadmapping
  • CMS
  • Integration
  • SEO
  • Technical specifications
Platforms
  • Corporate website
  • Cross-border property search
  • Custom CMS for agents
  • Mobile web

The homepage leads straight into property search.

A laptop on a wooden block against violet, showing the iO Partners homepage: “Expert real estate consultancy with a difference” above a property search bar.

A young alliance had to read as one company, and still feel local.

Local leadership stayed in place for continuity and trust, so visitors had to move easily between the corporate story, each market and live listings.

Every page built from one set of modules.

The sitemap stacks each page from numbered section types. The numbers band and the country map return wherever they are needed, so no page starts from scratch.

Part of the site structure: the corporate menu branching into Homepage, About us, Services and Careers & people, each with its numbered page sections.

The decision

One listing format, whichever country it comes from.

Regional practice meant listings differed from market to market. Showing them as they arrived would have given clients a different experience in every country.

We brought every listing into one format, and gave agents a custom CMS. More work up front; one search in return.

One shared map and list for every market, so clients search across borders.

Location, type and size filter one shared list. The map clusters results across Central Europe, and every building is shown on the same card.

A laptop showing iO Partners property search: filters for location, type and size, a list of office buildings in Prague and Bratislava, and a map of Central Europe with clustered results.

A brand turned into a system developers can build with.

Colour and type became named values in code. The property card carries the unified listing fields, so a building looks the same in every market.

Design tokens on violet: the iO Violet colour scale from 50 to 900 with hex values, and typography styles in Domaine and Poppins.
TokensThe iO Violet scale, with Domaine and Poppins.
Components: sliders, toggles, buttons and a property card showing availability, address, type and available floor area.
ComponentsThe property card: availability, address, type and area.
  • iO Violet/50#F5F4FE
  • iO Violet/100#ECEAFD
  • iO Violet/200#DBD9FB
  • iO Violet/300#BFBAF8
  • iO Violet/400#9E92F3
  • iO Violet/500#7E66EC
  • iO Violet/600 - Main#6B46E1
  • iO Violet/700#5B34CD
  • iO Violet/800#4B2CAC
  • iO Violet/900#40258D

The markets map stays on mobile, because the cross-border offer depends on it.

Three phones on violet showing the iO Partners mobile site: the homepage with property search, the markets page with a map, and the about page.
A phone on a wooden stand showing the iO Partners contact form: “Start your journey. Share your questions.”

Next project

HeirloomMaking it simple to save a family memory.

A laptop on a wooden chair showing the Heirloom dashboard.

More work

All projects →