Marketplaces · Zero To One Marketplace UX
TopTopTime
Consumer/professional marketplace platform.
The brief
Design a full-featured activity booking marketplace (TopTopTime) from zero — validating product-market fit through competitive analysis, defining information architecture for multiple user roles, and delivering developer-ready mobile and web UI designs for an MVP and subsequent V1 release, enabling the client to proceed to development funding/build.
What we built
End-to-end UI/UX design system and product design for TopTopTime, an activity booking marketplace connecting consumers with professional activity providers. Deliverables span:
- discovery research, competitive analysis, user personas and flow maps
- full information architecture for 3 user roles
- wireframes and high-fidelity mobile + responsive web UI across all flows
- interactive Figma prototypes
- a living design system
- group activity, admin dashboard, professional subscription, review/rating, and in-app chat/feedback features; and
- two phased design handoffs (MVP + V1). Over 1,700 estimated designer-hours invested across 32 weeks by 2 dedicated designers.
Design deliverables complete and handed off to client as of March 13, 2025. Two formal handoff packages (MVP and Version 1) were delivered as clean Figma files. No confirmed live development or production deployment is evidenced in the work log — the engagement was exclusively UI/UX design.
Delivery timeline
How it was built, phase by phase.
8 workstreams across 32 weeks of operated delivery.
- discoverWeek 1–3 (Aug 1–14, 2024)
Discovery & Research Foundation
Kick-off, project briefing, documentation review, user persona creation, and competitive analysis across multiple market players to ground the product strategy.
Validated product direction, competitive landscape documented, user personas and flow maps established as design foundation.
FigmaFigJamNotion - designWeek 1–4 (Aug 3–21, 2024)
User Flows & Information Architecture
Mapping all user journeys (guest, registered user, professional) and constructing the full information architecture including feature listing and navigation hierarchy.
Complete IA and user flow maps for unregistered, registered, and professional user types; revisited in V1 phase for MVP alignment.
FigmaFigJamMiro - designWeek 4–9 (Aug 19 – Sep 27, 2024)
Wireframing (Mobile & Web)
Extensive low-to-mid fidelity wireframing covering login, search/filter, booking, activity listing, services, onboarding, and responsive web flows — with multiple client feedback iterations.
Full wireframe library covering all core flows with feedback-driven iterations; formed the blueprint for high-fidelity UI design.
Figma - designWeek 8–32 (Sep 18, 2024 – Mar 13, 2025)
Design System & Moodboard
Creation and evolution of a comprehensive design system including typography, color, components, and moodboard — maintained and upgraded throughout the entire engagement.
A living, versioned design system referenced by both mobile and web UI work, enabling consistent component reuse across the full product surface.
FigmaFigma VariablesFigma Auto Layout - buildWeek 10–27 (Oct 3 – Jan 31, 2025)
High-Fidelity Mobile UI Design
Full high-fidelity UI design for mobile covering unregistered user, registered user, and professional flows including onboarding, activity details, booking slots, and professional profile pages.
Complete mobile UI across all user roles, including group activity, chat, booking, review and subscription flows — handoff-ready.
Figma - testWeek 13–16 (Oct 25 – Nov 13, 2024)
Interactive Prototyping
Creation of clickable prototypes for mobile and web flows including activity booking, profile sharing, holiday flow, and profile switching — with iterative client feedback cycles.
Shareable interactive prototypes validated with client across mobile and web, enabling stakeholder demos before development handoff.
Figma PrototypeFigma - buildWeek 15–27 (Nov 4, 2024 – Jan 31, 2025)
Web Responsive UI Design
Full responsive web UI design mirroring and extending mobile flows, covering home, professional, booking, calendar, add-activity, notification, subscription, and dashboard screens.
Full responsive web UI design system delivered, covering all major platform flows across desktop breakpoints alongside mobile.
FigmaFigma Auto Layout - designWeek 18–20 (Nov 26 – Dec 6, 2024)
Group Activity Feature
Research, feature analysis, and UI design for a group activity creation and participation feature — added as a new capability layer on top of the existing 1:1 activity booking model.
Group activity feature fully designed for mobile and web, extending the platform from 1:1 sessions to multi-participant group bookings.
Figma
More case studies
Related work
09 · Run a function
Stop renting hours. Start running functions.
Pick the function you want off your plate. We'll map the brain and name the outcome we'd commit to — before you do.