All work

AI · Marketplace · Live product

Mira

Find secondhand, fairly.

A chat assistant that searches resale sites, checks if a price is fair, and shows listings in the thread. I audited the live product, then redesigned and shipped the UI.

Try Mira ↗
Result
60% → 90% flow completion
4× faster delivery
Role
Sr. Design Engineer
Status
● Live product
Scope
UX audit → redesign
Timeline
Nov 2025 – Jul 2026

Overview

From audit to a clearer product.

Mira is for buying secondhand without opening ten tabs. The live product had gotten messy, so I audited it, listed what was broken, redesigned the flows in Figma, then built them. Navigation, onboarding and filters were rebuilt around how people actually search.

Mira after the redesign: chat on the left, Lista results on the right, with a slim icon railAfter
Mira before the redesign: results on the left, chat on the right, under a large headerBefore
60% → 90%Find-and-buy flow completion, after cutting steps in search and simplifying the navigation.
50 + 50Sessions compared, from before and after the redesign.
2–3 daysFeature delivery, down from two-week sprints, after the AI-assisted workflow I co-led with the CTO.

Platform audit

What the old experience got wrong.

I mapped usability issues on the live product in Figma before designing replacements. Callouts sit on the UI on wide screens. On mobile, tap a number to read one note at a time.

Desktop · onboarding

Previous Mira desktop onboarding, panel hierarchy issue
1

Chat on the right and canvas on the left is unusual. Canvas usually sits on the right.

2

Cognitive overload.

3

Hard to decipher why one panel is darker grey.

Onboarding. Chat and canvas sit on the wrong sides.

Desktop · logged in

Previous Mira desktop logged-in state, header and sidebar issues
1

A lot of unused space in the header.

2

The split is unclear. Centre-aligned text is hard to read, and the copy runs on too long.

Logged in. Empty header, Controllo card that is hard to read.

Mobile · onboarding

Previous Mira mobile onboarding, header icons and first prompt
1

These icons look like view toggles but they open app sections. They are also all visible before anyone has searched.

2

Overall lack of user engagement on the landing screen.

3

The headline does not tell you what to search for first.

4

The input has poor contrast, a weak tap target, and too many things crammed into one bar.

Onboarding. Mystery header icons and a first prompt that barely shows up.

Mobile · waiting for reply

Previous Mira mobile chat waiting state with poor contrast
1

The status bar fights the dark chrome. Hard to read against the system UI.

Waiting for Mira. The status clashes with the browser chrome.

Mobile · chat

Previous Mira mobile chat, carousel results and filters
1

Filters are easy to miss: long copy, a tiny Filtri link, and nothing stays put while you scroll.

2

Refining a search means leaving the conversation.

After results. Filters buried in the copy, extra tap to refine.

Mobile · results

Previous Mira mobile search results, filter placement
1

Filtri jumps to a different place than it had in chat.

Product grid. Filtri jumps to the header with no warning.

Mobile-first redesign

One thumb, two modes.

Mobile was the hardest surface: the old layout tried to squeeze a desktop split onto a narrow screen. The redesign gives Chat and Prodotti equal weight in the header, and only reveals controls when they're relevant.

After the first prompt, a new-chat button shows up. When listings arrive, a header toggle switches between the conversation and a Pinterest-style grid. Empty screens stay empty. No mystery icons.

Before
Previous Mira mobile onboarding, centre-aligned copy and unclear navigation
Old mobile. Unclear nav icons, centre-aligned copy, a weak input.
After
Redesigned Mira mobile onboarding with Chat and Prodotti toggle
New onboarding. “Second-hand at first sight.” Chat and Prodotti sit in the header.
Mira mobile chat with AI reply and product preview cards
Chat. Mira replies with product cards in the thread.
Mira mobile Prodotti view, masonry listing grid
Prodotti. A masonry grid of live marketplace results.
Mira mobile navigation drawer with chat history and settings
Drawer. Chat history, settings and account in one place.

Desktop redesign

A slim nav, chat-first layout.

Navigation is a slim icon rail. Conversation sits in the middle. Lista and Controllo open as side panels when you need them, not before.

Redesigned Mira desktop onboarding with slim sidebar
Welcome. Less chrome, a clear prompt, no controls until they matter.
Redesigned Mira product detail with fair-price meter and Ask Mira
Product detail. Fair-price score, marketplace badge, and “Chiedi a Mira.”

What makes it work

Judgement, built into the interface.

Fair-price meter

A gradient gauge rates every listing against comparable sales.

Cross-marketplace

One search covers resale sites. Each result is badged with where it came from.

Inline previews

Matching listings show up as cards in the thread, so you can compare without leaving chat.

Ask Mira anything

“Chiedi a Mira” turns any product into a plain-language conversation.

Reflection

Audit first, then ship.

Buying secondhand is a pile of small calls: is it real, is the price fair, is it worth the hassle? Writing down what the old product got wrong made the redesign easier to defend. Starting on mobile meant desktop did not inherit the same mess.

Not everything worked first time. People didn't get Explore at launch and went straight to chat. An affordance animation later got about 10% of visitors to try it at least once.