Meera runs a small online store selling handloom clothes. Her store platform shows dozens of charts, and she never knows what to do with them. Design a dashboard she checks with her morning tea, that tells her how the shop is doing and what to do today.
Small business owners who are experts in their products, not in data. They check the shop between other jobs, mostly on a laptop, and want decisions, not numbers.
Start the timer and think out loud, like you would with an interviewer.
60-minute interview
One clock for the whole interview. Each phase fills up as time passes.
60: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 desktop web app prototype for a UX design interview. Make design decisions a hiring manager would respect, and keep the scope to the brief. THE CHALLENGE Know your shop in a minute: Meera runs a small online store selling handloom clothes. Her store platform shows dozens of charts, and she never knows what to do with them. Design a dashboard she checks with her morning tea, that tells her how the shop is doing and what to do today. THE USER Small business owners who are experts in their products, not in data. They check the shop between other jobs, mostly on a laptop, and want decisions, not numbers. MUST-HAVES - Know in under a minute whether the shop is doing well - Spot what's selling and what's not - Know what needs doing today - Compare with a normal day, not just yesterday EDGE CASES (every one must be handled) - A sudden spike from one viral post - A product that's about to sell out - Returns rising for one product - A slow day that's normal (a Monday after a sale) - Missing data, like a payment provider that's down SCREENS TO BUILD 1. This morning (1440×900): the first view: how the shop is doing and what to do today 2. What's selling (1440×900): a deeper look at products or where buyers came from 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 - Cherry #B91C1C: the brand, the headline and highlighted bars - Rose tint #F3D5D5: other bars and soft fills - Shell #FAF7F5: the page background - Ink #1F1715: text and buttons - Green #15803D: good changes - Amber #B45309: things that need attention - 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: an Indian handloom store called Kalam Handloom, products like an indigo saree and a block-print kurta, sales in rupees (₹), and buyers from Instagram, Google and WhatsApp. 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.