Young professionals moving to Bengaluru look for a room in a shared flat, and most of them end up living with a stranger. Design how someone finds a flatmate they'll actually get along with, and feels safe from the first message to moving in.
People in their twenties moving city for work, often for the first time, worried about scams, bad habits and safety, and short on time.
Start the timer and think out loud, like you would with an interviewer.
45-minute interview
One clock for the whole interview. Each phase fills up as time passes.
45:00left
Each prompt gives the AI a role, the whole brief, every edge case and a palette. AI drafts, you decide.
Best for a clickable prototype, fast.
ROLE You are a senior product designer building a high-fidelity, clickable mobile app prototype for a UX design interview. Make design decisions a hiring manager would respect, and keep the scope to the brief. THE CHALLENGE Find a flatmate you trust: Young professionals moving to Bengaluru look for a room in a shared flat, and most of them end up living with a stranger. Design how someone finds a flatmate they'll actually get along with, and feels safe from the first message to moving in. THE USER People in their twenties moving city for work, often for the first time, worried about scams, bad habits and safety, and short on time. MUST-HAVES - Find rooms and people that fit how you live - Know the other person is real - Talk without sharing your phone number - Agree on rent, deposit and house rules before moving in EDGE CASES (every one must be handled) - A fake listing asking for a deposit before a visit - A woman looking for a women-only flat - Two people disagree on a house rule, like guests - Someone who stops replying (ghosting) - A message that makes someone uncomfortable SCREENS TO BUILD 1. The room (390×844): a room or a person, and why they can be trusted 2. Chat (390×844): talking safely and arranging a visit 3. Move in (390×844): agreeing on rent, deposit and house rules Link them so the main flow is clickable end to end. Show each edge case as a real state (an error, a warning, an empty state or a confirmation), not as a note. VISUAL STYLE - Ocean blue #0369A1: primary buttons and the brand - Sky #E0F2FE: soft panels and tags - Mist #F5F9FC: the screen background - Ink #0E2233: text - Trust green #15803D: verified badges only - Amber #B45309: safety warnings - Type: one clean sans-serif. One clear hero (a title or a number) per screen, then a clear order of importance. - Spacing: an 8-point grid, generous margins, touch targets of at least 44 px. - Accessibility: text contrast of at least 4.5:1, labels on every input, never colour alone to carry meaning. CONTENT Use realistic content: Bengaluru neighbourhoods (Koramangala, Indiranagar, HSR), rent in rupees (₹), and flatmates called Ishita, Rahul and Neha. No lorem ipsum. DON'T - Don't add features the brief doesn't ask for. - Don't use more than one primary button per screen.
2 strong answers, each with its own look and reasoning. Try it yourself first.
Done designing?
Compare your screens with 2 different solutions, decision by decision.