Back
Caparol

Optimizing UX by reducing navigation redundancy.

TL;DR

I audited the Caparol app for usability and developed a UX optimization concept, that served as the foundation for their app re-design.

Role
UX Designer · UX Audit, Navigation Flows, Wireframes
Timeline
2 weeks · Discovery to recommendation
Team
2 designers · 6 engineers · PO · PM
Appstore
Display sample of the webpage stacktrack
Problem

Reaching the right things was taking too long

Caparol salespeople had a hard time finding specific product details when on-site with clients.

Unhappy clients
No clarity
Opportunity

Enable users to find what they are looking for

Rethinking the user interaction patterns led to a clean, easy usability experience.

How can we help users orient themselves easily and quickly in an extensive product catalog?
At a glance

Reworking fundamental UX to introduce usability

The work covered UX Audit, interaction design and sample wireframes.

Surface
Mobile App
Audience
Caparol Salespeople
Stage
Shipped
Methods
Audit, UX, wireframing
"

"Caparol, while visually appealing, was lacking fundamental usability considerations."

Research Synthesis
UX Audit + User insights
Research Insights

User Insight and counting clicks

Measuring interaction path length and visualizing the information architecture, combined with user insights defined UX direction.

UX Audit
User Insights
01
Interaction paths needed to be optimized
Users needed to be able to find features quickly and consistently.
02
Filter options are not optional
Offering ways to sort through, organize and filter large amounts of data is a key usability need.
03
The bottleneck was orientation
Users we lacking clear paths and agency to customize content, leading to abandonment of the app.
Key Insights

From status quo to the happy path

The original UX paths were long and confusing, the ideal path would see a complete overhaul of the information architecture.

01 - Status quo
stacktrack dashboard v2
02 - Happy path
stacktrack skill explorer view v2
Feature tradeoff

The minimum change required.

Version alpha focused on the minimum neccessary change (adding a filter mechanic), and then incrementally woring towards reaching the happy path.

stacktrack skill explorer view v2
Key screens

Simple filter logic

The key improvement was transforming the filter logic from hard-coded traversible categories into a flexible, user-centered interaction.

stacktrack skill explorer view v2
stacktrack skill explorer view v2
stacktrack skill explorer view v2
Learnings

What I'd carry into the next Project

The biggest impact came from adding a single fundamental usability feature, not from making the UI more pretty.

01
Small changes can have massive imact
Simply reforming the product filtering to add user agency elevated the experience.
02
UX basics are not optional
Modifying the interaction logic to follow UX best principles proved successful.
03
Designing for users means giving agency
Putting the way the filtering worked into the hands of the users had the biggest impact on usability.

Want to see more case studies?

  • StackTrack

    Turning fragmented data into skill visibility.

    link to cook&go app store page

  • JWT Ticket Portal

    Taking support ticket creation from manual to digital

    link to cook&go app store page

  • Alpaca Operator

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

    link to freenet.tv website

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.