Courto

A modern mobile app for tennis players to track scores, book courts, and connect with fellow athletes.

I led product discovery and UX architecture for a B2B AIaaS platform, translating a technical proof of concept into a clearer, enterprise-ready V1 product structure.

I led product discovery and UX architecture for a B2B AIaaS platform, translating a technical proof of concept into a clearer, enterprise-ready V1 product structure.

I led product discovery and UX architecture for a B2B AIaaS platform, translating a technical proof of concept into a clearer, enterprise-ready V1 product structure.

Industry

B2B AIaaS · Enterprise SaaS

Role

Sport· Digital Solutions

Team

Designer-Led Team (3D · 1PO · 2TPM · 3AI Sci · 2BE)

Duration

3 months

Context

Courto’s early app experience lacked structure: score tracking was unreliable, booking courts was clunky, and community features felt underdeveloped.

Players struggled to keep all their tennis activities in one place. The brand needed a unified, modern platform to support both casual and competitive athletes.

Core Product Challenges

Three constraints prevented the POC from operating as an enterprise product

The challenge was not visual consistency alone. The platform needed a product model that connected modules, workspaces, permissions, and system feedback into one understandable experience.

Three product-level constraints shaped the redesign:

  1. Fragmented AI Modules
    AI capabilities existed as isolated functions without a shared workflow, making it difficult to understand how modules connected or what users should do next.

  2. Undefined Multi-tenant Structure
    Workspace, role, and permission concepts lacked a clear product model, limiting the platform’s ability to support enterprise collaboration.

  3. Low Visibility During AI Operations
    Long-running AI tasks provided limited feedback about progress, system status, and possible next actions.

Portfolio project image

Discovery

The redesign set out to deliver a sleek, player-focused companion app that makes tennis more accessible and enjoyable.

From tracking scores to scheduling matches, Courto aimed to simplify the way players connect, improve, and stay engaged on and off the court.

A platform-wide heuristic review surfaced 43 experience and architecture gaps. Affinity mapping turned those findings into four product priorities, creating a roadmap that connected immediate usability fixes to longer-term platform structure.

Portfolio project image

Top Heuristic Violations

43

Audited gaps mapped across Nielsen's heuristics.

Consistency & Standards — 35% (15 items)

Visibility of System Status — 20% (9 items)

Efficiency & Flexibility — 16% (7 items)

User Control & Freedom — 14% (6 items)

Portfolio project image
Portfolio project image
Portfolio project image

Product Decisions

We created a mobile-first design with a clean interface, intuitive navigation, and playful visuals inspired by the sport.

Key features like score tracking, court reservations, and social match-making were streamlined into one cohesive experience, building trust and excitement among tennis players.

Impact

A clearer foundation for an enterprise AI platform

This work moved Vyin from a collection of technical capabilities toward a more coherent product model. It established shared priorities for module structure, workspace architecture, system feedback, and reusable interaction patterns. Because validated adoption and business metrics were unavailable, the outcome is presented as a product and delivery foundation rather than quantified impact.

Reflection

AI product design is an architecture problem before it is a UI problem

The central challenge was turning fragmented technical capabilities into a product experience that people could understand, trust, and scale. Working across discovery, UX architecture, interaction design, and delivery strengthened my ability to connect technical constraints with product decisions. Evidence that would strengthen this case further includes post-release usage signals, task-level usability findings, and stakeholder or customer feedback when those become available.

Portfolio project image
Behance icon
linkedin icon

Steven Li

Product Designer · AI / SaaS / Enterprise

Interested in how I approach complex product problems?

I turn ambiguity into structured product decisions and scalable experiences.

© ZhenXi Li 2026 | All Rights Reserved

Steven Li

Product Designer · AI / SaaS / Enterprise

Behance icon
linkedin icon
Interested in how I approach complex product problems?

I turn ambiguity into structured product decisions and scalable experiences.

© ZhenXi Li 2026 | All Rights Reserved

Interested in how I approach complex product problems?

I turn ambiguity into structured product decisions and scalable experiences.

Create a free website with Framer, the website builder loved by startups, designers and agencies.