Supahouse — property search designed around how people actually live

Client: Supahouse
Audience: Australia (VIC focus)
Deliverable: UI/UX design, Figma
Services: UX strategy · UI design · Prototyping

A full UI/UX design for an AI-powered Australian property platform that organises listings by lifestyle — not just bedrooms and price. Designed to challenge how people search for homes and to give a product-stage startup a credible, conversion-ready interface.

The problem

The Old Design Had a Poor UX Which Affected The Product On Multiple Levels

The original product was built directly on a framework with minimal design consideration, resulting in a utilitarian interface that prioritized functionality over user experience. This approach created cascading problems throughout the platform—navigation felt unintuitive, information architecture was confusing, and the visual presentation lacked polish and brand coherence.

UX Audit

The old UI screenshots with UX notes and recommendations.

UX & DESIGN IMPROVEMENTS

Design Solutions That Made The Platform Ready for Its Market

To address these shortcomings, the project required a comprehensive UX overhaul that went beyond surface-level cosmetics. We needed to restructure the information hierarchy, redesign user workflows, and apply thoughtful visual enhancements that would make the interface both more intuitive and visually compelling, ultimately transforming how users interacted with the product.

The brief was to design a homepage and core product interface that made this difference immediately legible — without requiring the visitor to read an explanation of it. The platform's concept had to be visible from the first scroll. A clean, credible interface was also essential: Supahouse is at product stage, and the design needed to communicate the maturity and trustworthiness of a platform investors and early users would back.

VISUAL DESIGN

Onboarding & Homepage Design

Filters surfaced in the hero, not buried in a sidebar

On most property platforms, lifestyle filtering is a secondary refinement — you search first, then filter. On Supahouse, lifestyle categories appear as pill filters directly beneath the search bar in the hero: "Any views," "Nature views," "Beach view.”

Lifestyle-grouped result sections instead of a flat grid

The homepage organises listings into named horizontal sections: "Water Views," "In Need of Renovation," "Close to Public Transport." This means a buyer wanting a renovation project and a buyer wanting a waterfront property never look at the same grid — the platform is already thinking about who they are.

Price estimates gated behind login

The buyer is not hitting a blank wall — they have enough information to decide whether this property is worth pursuing, and then one clear reason to sign in.

Geometric hero composition as a brand signal

The hero background uses a bold geometric composition — layered angular shapes in deep navy and blue, with a high-contrast white headline over a sky-blue field. This is a deliberate departure from the property photography that fills competitors' heroes.

internal screens

Improved Usability & Overall Look Of UI

Each card carries seven data points plus two icon actions (save and share) and the price estimate gate. The layout maintains clear hierarchy: address bold at top, specs in a compact icon row, social proof as secondary introdata, price CTA as the final action. The card never feels cluttered because each row has a distinct purpose and visual weight.

RESPONSIVENESS

Designed for Australian mobile browsing behaviour

Property search in Australia is predominantly mobile — a buyer commuting past a suburb they like will open a property app on their phone. The card grid compresses to a single column without losing any data points.

The hero geometric shapes scale with the viewport to maintain visual impact without overflowing.