Building Cybertill's Licence Manager & Configuration Tools

Confluence Figma Jira Miro

I designed Cybertill’s Licence Manager and a new Settings & Configuration area, replacing manual, table-based processes with scalable tools that can manage 1,000+ licences across devices. Working with 6 stakeholders, I produced over 60 wireframes and prototypes between Jan–Sep 2024. The designs introduced side navigation, collapsible sections, and per-device control, laying the groundwork for retailer self-service.


Understanding the Brief

We were tasked with designing a Licence Manager to help retailers manage their ongoing licences with Cybertill, with a long-term vision of enabling self-service functionality.

Previously, licences were handled manually by finance teams through the back office. Retailers could only toggle a single licence per organisation, displayed in long tables with no search or grouping. With new modular products (e.g. Donor Stations, customer displays, and apps), the system needed to support granular per-device licence management for both small retailers (5 licences) and large enterprises (1,000+).

Licence Manager Miro Diagram

Mapping the Workflow

Collaborated with 6 stakeholders (product owners, architects, and developers) in weekly stand-ups, mapping 2+ key flows and iterating designs through 10+ feedback cycles. Navigation and wayfinding were major talking points, especially around devices with multiple linked licences.

We set a design target of completing common tasks (viewing or updating a licence) in 3–4 clicks, with future search functionality planned to make locating licences even faster.

Outputs:

Licence Manager Wireframes

Designing for Scalability

Wireframes and prototypes were designed to scale from 5 licences to 1,000+. Retailers could now view, add, remove, enable/disable, and move licences between devices — a major shift from the old “1 licence per retailer” approach.

We introduced:

Feedback from internal stakeholders and retailer discussions informed the designs, which were later converted into a Material framework to support 20+ developer stories.

Licences UI Before & After Licence Manager Component Examples

Settings & Configuration Area

In parallel, we redesigned the settings and configuration area, which previously relied on long, table-based screens that forced heavy scrolling. The new design introduced grouped navigation and collapsible sections, making it easier to find and adjust system settings.

This project ran Apr–Sep 2024 and produced:

The settings covered 12+ configurable components linked directly to hardware (e.g. Donor Station), requiring extended collaboration with architects, product owners, and hardware teams.

Settings & Configuration Miro

Wireframing & Prototyping

Across both projects I delivered 60+ design screens (wireframes and prototypes). Prototypes included live previews, showing users how configuration changes would impact customer-facing tools like the Donor Station in real time.

Settings & Configuration Wireframes

Iterative Development & Collaboration

Settings & Configuration Prototypes

Delivering Results

Although both tools remain unreleased, the designs achieved:

Settings UI Before & After