Taking support ticket creation from manual to digital

TL;DR

I designed a lean, accessible ticket portal that digitized support ticket creation and enabled JWT clients to manage their dispensers more efficiently.

Role
Product Designer · Strategy, UI/UX, testing
Timeline
4 weeks · Discovery to pilot
Team
1 designer · 3 engineers · CEO
Display sample of the webpage stacktrack
Problem

No digital overview made dispenser maintenance difficult

A phone-first support model overwhelmed JWT staff and delayed help for clients. With no way to digitally manage devices and their location, it was difficult for building managers to locate problem devices and initiate maintenance.

High call volume
No clarity
Opportunity

Make requesting help feel obvious

Create a focused digital path that reduces support overhead and decreases building management complexity.

How can we help clients create maintenance and repair tickets quickly without calling support?
At a glance

A lean portal for a high-friction service moment

The work covered research, product strategy, interaction design, UI, testing, and accessible handoff.

Surface
Responsive web portal
Audience
Building managers
Stage
Shipped
Methods
Research, strategy, UI/UX, testing
"

"The portal had to feel simpler than making a phone call, not like another system to learn."

Research Synthesis
Client questionnaires + CEO workshops
Research Insights

Operational expertise met questionnaire evidence

Workshops with Nadège Jakob and client questionnaires shaped the scope, form model, and navigation.

15 questionnaires
CEO strategy workshops
35–200+ dispensers per user
01
Complexity would block adoption
Clients needed a simple, reliable way to complete a frustrating task efficiently.
02
Repeated use changed the form strategy
Managers handling dozens or hundreds of dispensers needed one fast page, not a multi-step flow.
03
The bottleneck was operational
Better ticket data could reduce phone back-and-forth and remove manual triage by JWT staff.
Jwt user journey map
Ticket Journey

Every path leads to Rome Ticket creation

Ticket creation is reachable from every page in two to four clicks, with direct entry points across the portal.

01
Identify
Locate dispenser online or scan physical QR Code
02
Describe
Add essential details to the ticket
03
Submit
Send to Jakob Wassertechnik
04
Stay informed
Get regular update notifications on ticket status
Key Screens

Three moments that make self-service work

The dashboard orients clients, the ticket list keeps status visible, and the creation form reduces errors.

01 - Orient
stacktrack dashboard v2
02 - Track
stacktrack skill explorer view v2
03 - Create
stacktrack feedback cycle view v2
Accessible UI System

Clarity became a product requirement

Large type and controls, AA contrast, plain language, clear states, and documented behavior supported confident use and implementation.

01
02
03
05
04
Search for xyz...
Form tradeoff

From guided steps to one efficient page

The initial multi-step concept for creating tickets supported novice users, but repeated use across 35 to 200+ dispensers made speed the stronger need.

Initial concept
Multiple steps

Guide users through one decision at a time

01
02
03
04
05
06

Clear, but too slow for frequent ticket creation.

Shipped
One Page

Show only the most essential fields

01
02
03
04

Faster repeated use with fewer transitions and clear validation.

Usability testing

Measure the behavior that matters

I evaluated task speed and support-channel shift, then compared results with the original success criteria.

15 testers
Ticket creation task
Average ticket creation time landed just above the five-minute target.
5.2 minutes
User confidence came in high for ticket creation
4.5/5
The portal successfully shifted requests into a trackable digital channel.
Behavior changed
Ticket creation
5.2m
15 tester average
Confidence score
4.5/5
Rated by testers
Ticket volume
++
Increased after switch
Accessibility
AA
WCAG 2.2 target
Product Quality

Accessibility carried through implementation

Detailed handoff documentation helped engineering meet WCAG 2.2 AA and EAA requirements without a later compliance retrofit.

Large, legible controls
WCAG 2.2 AA contrast
Clear validation and recovery
Responsive portal
Implementation guide
Measurable impact

What changed

Switching from step-by-step to a one-stop-shop ticket creation flow increased confidence, made ticket creation faster and enabled testers to put through more tickets in a given timeframe.

Ticket creation
5.2m
Average across 15 testers
Confidence score
4.5/5
Rated by testers
Ticket volume
++
Increased after switch
Target vs. outcome

Ticket creation landed close to the five-minute goal

The testing average was 5.2 minutes, so slightly above target and a clear baseline for the next iteration.

5.0
Target
5.2
Actual
Learnings

What I'd carry into the next Project

The strongest decisions came from connecting executive context, user evidence, and implementation realities early.

01
Align with operators before designing
Nadège’s operational insight helped identify the real bottleneck and avoid solving the wrong problem.
02
Limit scope when evidence is clear
Removing unneccessary features kept the product clutter-free.
03
Design the service, not only the screen
Structured data and accessible handoff mattered as much as the interface itself.

Want to see more case studies?

  • Alpaca Operator

    Pulling a near-20 year old SAP System Manager into 2026.

    link to cook&go app store page
  • Caparol App

    Optimizing UX by reducing navigation redundancy.

    link to freenet.tv website
  • StackTrack

    Turning fragmented data into skill visibility.

    link to cook&go app store page

User Centered

Every product decision is made to inform, support and enable users. This is what ultimately generates revenue.

Structured

I make sure that interactions feel natural and visual hierarchy is clear. I test my ideas and base decisions in data.

Accessible

The products I create are designed with accessibility in mind. This also means my solutions are robust and scalable.

Have a project in mind?

Say Hi 👋
‍

dier.quinn@gmail.com

Design & content by Quinn Dier. Made with WebFlow.