Venue Manager

Comprehensive redesign of the backend admin system to create a componentized, world-class product that puts the user first.

The inbox is a new feature built from the Design System created for the redesign.

Project summary

The client

ROLLER Software is a market-leading, SaaS product for the leisure industry, specialising in ticketing, guest management and sales. Venue Manager is the backend administrative tool used to manage bookings, create products for sale, set up POS and online checkout, manage guests and much more.

What I did

The existing interface was a disparate collection of screens and inconsistent components that were incongruent with a product of ROLLER's stature. I set out to redesign the interface from components upward using Google Material as a starting point. The transformation was instrumental in the company’s growth from a 12-employee start-up to a global SaaS leader in the industry with over 130 employees, 1,000 clients and $1B in annual transactions.

Key results

services
Product design
Interface design
UX Design
Role

Lead designer

Duration

+12 months

Project milestone #1

Interface redesign

The redesigned interface is constructed using a design system derived from Google’s Material Design libraries. Each component has been customized to match the ROLLER style guide, ensuring brand consistency and adherence to accessibility standards.

Grids are used to display records in the system (like bookings and customers). A new data grid was implemented to improve usability and functionality. To aid navigation, users can preview records in a 'flyout panel' before actually opening the record.
Figma components include all interactive states, including behaviours for prototyping.
The booking record screen was designed with tabs and a right-hand flyout panel that allows users to perform actions from any tab.
Consistent flyout panels allowed users to access booking or guest records across all relevant screens. These panels provide information necessary for users to make decisions without the need for multiple browsers tabs or navigating away.
All pages used to create products (e.g. tickets, passes and memberships) sold at venues, follow predictable, consistent patterns and the same UI for both create and edit states. This reduces cognitive load and the time taken to learn the UI.
Bespoke components were only built when absolutely critical to usability. Existing components were always tried before updating or creating new components.
Although many different page templates were included in the redesign, patterns were kept consistent throughout to ensure cohesion and reduce cognitive load and time taken to learn new UI.
The UI was purposefully kept minimal to ensure that information-dense areas were not cluttered with unnecessary visual noise.
UI used to control external apps like POS and online checkout, mimicked patterns used in this system to maintain visual cues.
Testimonial

project highlight
Project milestone #2
project highlight
Project milestone #3
project highlight

Results