KNOK KNOK — Mobile App

KNOK KNOK — Mobile App

Role:
UX/UI Design & Research
Duration:
3 months
Team:
Fernanda Fernandes, Naransuvd Enkhjargal (Development)

Overview

Knok Knok is a mobile app that helps people find compatible housemates in Dublin's competitive rental market.

Instead of matching people by budget and location alone, it uses structured profiles and lifestyle preferences to connect tenants, roommates, and landlords who are actually a good fit.

Problem Statement

1

Housing crisis increased shared accommodation in Ireland.

2

Existing platforms focus mainly on price and availability.

3

Compatibility between housemates is often overlooked.

4

Leading to conflicts over shared accommodations.

Research

To understand the real pain points of shared living, I ran a survey with 175 respondents, mostly international students and young professionals in Dublin, plus interviews and user testing sessions.

57.3%

Had considered moving out because of housemate conflicts

78.7%

Said lifestyle compatibility matters when choosing housemates

80%

Found compatibility-based matching very or extremely useful

62.7%

Wanted messaging to unlock only after a mutual match

User Persona

Sofia, 22, international student in Dublin.
“Sharing a kitchen with 7 people is quite a challenge… keeping the house clean always feels impossible.”

Sofia, 22, international student in Dublin.

She wants to live with people who share her standards for cleanliness, noise and routine. Her frustrations are conflicts over cleaning and guests, and listings that say nothing about who already lives there.

Design Goals

To reduce the stress associated with finding accommodation

User-friendly and welcoming interface

Focus on clarity & compatibility

Navigation and interactions should be smooth and intuitive

Visual Identity

Brand Personality:
  • Friendly
  • Modern
  • Minimalist
  • Transparent

Logotype

Logos + Symbols

Typography

Inter

Type scale: Header 1 SemiBold 22pt, Header 2 Medium 20pt, Sub Heading Regular 16pt, Header 3 SemiBold 16pt, Text Regular 16pt
  • Sans-serif font
  • High readability across digital interfaces
  • Adaptability across multiple screen sizes.

Color Palette

F8F6F2Background
FDF4D4Shapes
E8E7E3Dividers, Borders & Shapes
F5B400Signature color
2B2B2BText, Icons & Illustrations

Icons

Made for this project

Custom icon set: navbar icons, match icons, accommodation type icons, and others

Graphics

Elements and Pattern

Pattern built from the brand's graphic elements

Illustrations

Mascot: Knok

Main Pages

Home
Home screenHome screen
Map screenMap
Explore
Explore screen
Message
Message screenMessage screen
Profile
Profile screen

High Fidelity Wireframes

Browse the final designs in Figma.Scroll and zoom to explore each screen.

Outcome & Reflection

Knok Knok came together as a fully working prototype (built in React Native with a real Firebase backend) and tested on real devices across its core flows: onboarding, matching and messaging. Testing surfaced real interaction issues, from duplicate conversations to match notifications firing too early, and we fixed them over several rounds of iteration.

Working in a two-person team showed me how closely design and technical constraints are connected. Every UX decision had to be checked against what could actually be built.

What I'd do next