Home/Case Studies/TopTopTime
CASE STUDYMARKETPLACES · ZERO TO ONE MARKETPLACE UX

TopTopTime

Zero-to-one product design for an activity booking marketplace — 1,700+ designer-hours of research, information architecture, a living design system, and dev-ready MVP and V1 UI.

32Weeks operated
2k+Hours of work
2Engineers

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.
⊛ Live in production

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.

How it was built, phase by phase.

8 workstreams across 32 weeks of operated delivery

  1. (001)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
  2. (002)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
  3. (003)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
  4. (004)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
  5. (005)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
  6. (006)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
  7. (007)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
  8. (008)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

Related work

More case studies from the same space.

Astro Arun
Marketplaces(001)

Astro Arun

Realtime Consultation Marketplace

A live astrology marketplace where users consult astrologers over chat and audio with per-minute wallet billing, backed by a custom Kundli engine and 15+ personalised services.

60 weeks24 engineers
Bedr
Marketplaces(002)

Bedr

Marketplace Platform Build

A multi-role PG accommodation marketplace built ground-up, with map-based property search, dual booking flows, Razorpay payments and automated tenant lifecycle management.

35 weeks7 engineers
Gymfit
Marketplaces(003)

Gymfit

Fitness Marketplace MVP

A fitness marketplace taken from zero to app-store launch, with geo-aware gym discovery, QR check-in, tiered memberships, Stripe payments and dashboards for gyms and trainers.

25 weeks10 engineers

Stop renting hours. Start running functions.

Pick the function you want off your plate. We map the brain and name the outcome before you commit.

Talk to us →All case studies