TicketsolveDecember 2023

Building a Scalable Design System for Ticketsolve: Clear design rules for a growing ticketing platform

Design system · UI

Interface showing radius and height controls
Client
Ticketsolve
Year
2023
Scope
Design system management, UI
Industry
Ticketing and CRM for the arts
Arts, culture and heritage organizations use Ticketsolve
360+
Of arts ticketing experience
18 years
New features released every year
100+

Public figures from ticketsolve.com and the UK G-Cloud listing (2024), checked October 2026.

Ticketsolve is a ticketing and CRM platform for theatres, festivals and arts organizations. As the product grew, many components were designed one at a time, and keeping the platform consistent got harder with every new feature.

We were brought in to build a structured design system for today’s needs and for future growth.

The challenge

The goal was more than a visual refresh. Ticketsolve needed clear design rules that make it easier for designers and developers to work together.

We focused on:

  • Redesigning the existing Figma components for consistency
  • Creating rules for spacing, typography, color and states
  • Building a system that works across responsive breakpoints
  • Documenting guidelines for design and developer handoff
Design system page for the Selection Button component, showing its anatomy and spacing

Our approach

Component redesign

We audited the Figma components, found duplicates and inconsistencies, and rebuilt them with a cleaner structure and clear names.

Design rules and guidelines

We set standards for spacing, typography, states and accessibility, so every future design feels aligned.

Do and don’t guidelines for buttons and dialogs in the Ticketsolve design system

Responsive foundations

Components adapt across breakpoints, so the team can design and build for any device without extra rework.

Documentation for scale

Clear documentation lives right in Figma: one source of truth for designers and developers.

Dropdown Fields documentation with anatomy, multi-selection states and a playground

The result

  • A unified component library in Figma, ready for daily use
  • Faster design work, with less time spent reinventing patterns
  • Clearer developer handoff, thanks to consistent rules
  • A scalable foundation that reduces design debt as Ticketsolve keeps growing

2 client slots open

Get a senior design partner on your team by next week.

Book a free 15-minute intro call. We'll review your product live and tell you exactly what we'd fix first, yours to keep either way.