← Back to Portfolio

Quadrat Housing

Category

Web Design

Status

Completed

My Role

Lead Product Designer

View Prototype

Quadrat Housing is a real-estate marketplace for renting, sharing, buying and finding new homes. The design centres on a search-first homepage and a clear property discovery flow.

Problem

People abandon property search when filters are buried. Renters and buyers need location, price and listing type in front of them from the first screen.

The Goal

Design a persistent search bar with rent, share, buy and new-home toggles so people can compare homes by area without digging through menus.

Research

Competitive analysis of property portals showed that users leave when filters are hard to find. The homepage keeps search, location and listing type visible at all times.

Ideation

The ideation outputs for this project include:

  1. Search-first homepage
  2. Rent, share, buy and new-home filters
  3. Property listing cards
  4. Wireframes
  5. Sitemaps

Research findings board one

The screens focus on search, listing details and contact so a renter can move from the homepage to a property without extra steps.

Visual design mockup one Visual design mockup two Visual design mockup three Visual design mockup four

To recreate a consistent and cohesive user experience, a style guide was created to define the visual language, including color palette, typography, iconography, and UI components. This ensures that all screens and interactions maintain a unified look and feel throughout the application.

Wireframe sketch one
See all Works