Case Study · Real Estate Tech

Redesigning how
Toronto buys
property.

A full product redesign — mobile app, website, and social campaign — for Haüskey, a real estate platform reimagining the Toronto property market.

Role
UX/UI Designer
Deliverables
App · Website · Social
Discipline
UX/UI · Creative Direction
Industry
Real Estate Technology
Scroll
UX Research Information Architecture Interaction Design Visual Design Prototyping Design Systems Social Media Brand Identity Web Development UX Research Information Architecture Interaction Design Visual Design Prototyping Design Systems Social Media Brand Identity Web Development
Project Overview

Reinventing the home-buying experience

Haüskey approached me to redesign their mobile app and website — two products at the core of their promise to make Toronto real estate simpler, more transparent, and accessible from your phone.

The existing product lacked hierarchy, made property discovery feel frustrating, and didn't reflect the premium positioning Haüskey wanted in the market. The opportunity was to create something that felt both trustworthy and genuinely delightful to use.

My scope covered the full product experience: user research synthesis, information architecture, high-fidelity UI design for the mobile app, the marketing website redesign, and a social media campaign to launch it all.

UX / UI Mobile App Web Design Social Media Creative Direction Web Development
3
Product surfaces redesigned
6+
Weeks of design & development
12
Social ad creatives delivered
1
Complete design system built
The Challenge

Real estate is broken. We fixed the interface.

The Toronto housing market moves fast and carries enormous emotional weight. The existing Haüskey product wasn't keeping pace — users were dropping off before ever discovering a property that suited them.

🏘️

No clear discovery path

Users couldn't quickly narrow down relevant properties. The search and filter experience was buried, inconsistent, and lacked spatial context — a critical gap for a geo-driven product.

📱

App felt transactional, not human

The mobile experience communicated data, not lifestyle. Buying a home is one of the most emotional decisions in a person's life — the product needed to reflect that weight and aspiration.

🌐

Website didn't build trust

The marketing site was unclear about Haüskey's value proposition. Visitors left without understanding what the product did or why it was different from traditional real estate tools.

📣

Weak brand presence in social

There was no cohesive social media identity. Creative assets were inconsistent and didn't communicate the "forever home" narrative Haüskey needed to connect emotionally with buyers.

🗂️

Unclear information architecture

Pages and flows were organized around internal logic, not user intent. New users couldn't orient themselves — they didn't know where to start or what step came next.

Opportunity for market leadership

Toronto real estate tech was commoditized and visually dated. A premium, well-considered experience could establish Haüskey as the most trusted name in the space.

Design Process

Research. Architect. Craft.

Every design decision was grounded in research and tested against real user behavior. No assumptions, no decoration for its own sake.

01

Discovery & Research

I began by mapping the competitive landscape across Toronto real estate platforms, conducting a heuristic audit of the existing app, and synthesizing user pain points from available feedback. This gave me a clear picture of the jobs-to-be-done and the emotional moments that mattered most.

Competitive analysis
Heuristic evaluation
User journey mapping
Jobs-to-be-done framework
02

Information Architecture

Working closely with the Haüskey team, I created a full sitemap as the structural foundation. I proposed and designed a filtering architecture that simplified property discovery — organizing browsing by price range, neighborhood, and property type in a way that matched how real buyers think.

Sitemap creation
User flow diagrams
Filter taxonomy design
Navigation architecture
03

Wireframes & Iteration

Low-fidelity wireframes across all key flows allowed rapid iteration without the weight of visual decisions. I tested multiple layouts for the property listing card, map view, and onboarding flow before committing to the final direction.

Lo-fi wireframes
Layout exploration
Component hierarchy
Cross-device layouts
04

Visual Design System

I built the Haüskey design system from the ground up — establishing type scale, color tokens, spacing rhythm, and a component library that would scale across app, web, and social. Every component was designed with both precision and warmth.

Color token system
Typography scale
Component library
Spacing & grid
05

High-Fidelity & Handoff

With the design system locked in, I produced pixel-perfect high-fidelity screens for the app, website, and social creative suite. Assets were organized and documented for seamless developer handoff.

Hi-fi UI design
Interactive prototype
Dev handoff
Social ad suite
Design System

A system built for premium living.

Every token, component, and pattern defined to create a consistent, scalable product that communicates trust and quality at every touchpoint.

Background
#06090F
Surface
#14202E
Hauskey Blue
#2BAEE5
Blue Light
#58CBF5
Ice White
#E8F4FD
Muted
#6B8BA4
Display Haüskey
H1 Find your forever home
H2 Toronto Properties
Body Modern real estate, simplified for every buyer.
Caption Listed Today
Typeface
Poppins
Google Fonts — Rounded, friendly, and on-brand with Haüskey's approachable real estate tech identity.
900 Black
800 ExtraBold
700 Bold
500 Medium
400 Regular

Buttons

Form Inputs

Product Showcase

Built for the way buyers actually search.

hauskey.com
Haüskey website redesign
hauskey.com — App UI
Haüskey app screens
hauskey.com — Property Views
Haüskey property screens
Key Features

Every detail designed to reduce friction.

Features aren't just functional — they communicate the product's personality and build confidence in the buyer's journey.

🗺️

Map-first property discovery

I designed a map-centric browsing experience so buyers can understand neighbourhood context before committing to a listing. Properties appear as interactive pins with live pricing — no tab-switching required.

🎚️

Intelligent filters

Price, bedrooms, neighbourhood, and property type — in a single unified panel that doesn't interrupt the browsing flow.

Condo
Detached
Townhouse
Toronto
Etobicoke
Midtown
$400K$1.2M
📸

Immersive listing cards

Property cards show the full picture — hero image, price, key stats, and a saved-state toggle — all at a glance without opening the detail page.

🏠

"Forever Home" onboarding

A guided setup flow helps buyers define what home means to them: budget, lifestyle, and timeline — transforming cold leads into qualified, engaged users.

📲

Social carousel campaign

A suite of carousel ad creatives built around the "Finding your new home" narrative — featuring family moments and lifestyle imagery to connect emotionally with Toronto buyers.

Haüskey social ad campaign
🌐

Website redesign

The marketing site was rebuilt to clearly communicate Haüskey's value proposition in the first scroll. New sitemap, clearer calls to action, and an educational flow that guides visitors toward app download.

Haüskey app UI
Results & Impact

Design that moved the needle.

The redesign delivered measurable improvements across engagement, retention, and brand perception — establishing Haüskey as a premium product in the Toronto market.

3
Platforms redesigned — app, website, and social — in a single cohesive system
12
Social ad creatives delivered across carousel and static formats
40%
Estimated drop in bounce rate after website information architecture overhaul
1
Complete, scalable design system built and documented for the Haüskey team
"The redesign completely changed how we present Haüskey to new users. The new app experience is polished, the website finally explains what we do, and the social creative suite has given us a real brand voice in Toronto."
H
Haüskey Team
Toronto Real Estate Technology
Reflection

What I learned building for real estate.

This project sharpened my ability to design for high-stakes decisions. Real estate purchases carry enormous emotional weight — the product needed to feel trustworthy above all else, and every design choice was filtered through that lens.

Working across three surfaces simultaneously (app, website, social) forced clarity. Decisions made in the design system had to hold up whether rendered on a 6-inch phone or a 1440p desktop — a discipline that made each deliverable stronger.

The biggest win was the filter architecture. A small structural decision — proposing a unified filter panel rather than scattered controls — ended up being the most impactful thing I contributed to the product experience.

01

Trust is the primary design constraint

In real estate, doubt is the enemy of conversion. Every color choice, typographic decision, and micro-copy moment contributes to — or erodes — the feeling of safety and reliability.

02

Systems thinking from day one

Designing a component in isolation without the design system leads to rework. Starting with tokens and type scale, even loosely, made every subsequent screen faster and more consistent.

03

Spatial context is non-negotiable for property

Users need to understand where a property sits before they care about the listing. The map-first view wasn't just a feature — it was the organizing principle the entire app structure should flow from.

04

Brand and product are the same conversation

The social ads and the in-app experience needed to feel like the same brand. Designing them together, with a shared visual system, meant users who arrived from an ad already felt at home in the product.

Up Next

More work worth
looking at.

Each project tackles a different problem — from enterprise SaaS to social-first brand design.