Product Design · Prototype · 2026
Availability Editor Redesign
Redesigned an existing availability editing flow after customer feedback pointed to consistent friction, and delivered a working prototype for engineering.
Problem
The existing availability editor had accumulated friction over multiple iterations. Customers reported confusion about how availability rules compounded, and support tickets kept landing on the same edges. Rather than patching, a clean rework was needed.
Approach
I mapped the friction points from support data, sketched a simpler mental model, then built a functional React prototype with Vite to make the redesign tangible. The prototype lets engineering see the flow work end-to-end before committing implementation time.
Solution
A redesigned availability editor with a clearer rule hierarchy, better visual feedback when availability overlaps, and a simpler path for the most common use cases.
Result
- Functional prototype handed to engineering as the redesign reference.
- Debate moved from "what should it look like" to "how do we migrate existing merchants".
Role & Stack
- Role
- Problem synthesis, UX redesign, functional prototype
- Stack
- React 18ViteTypeScript
- Collaborators
- Engineering team
- Status
- Prototype delivered