Skip to content
Flowscape workplace interior hero image

CASE STUDY

Flowscape

A UX case study about reworking FlowAnalytics and the shared design system around it to make workplace data easier to understand and act on.

Overview

Role

UX/UI Design + Design System

Timeline

Dec 2025 - May 2026

Status

Released MVP

Platform

FlowAnalytics / Workplace Manager

I reworked FlowAnalytics, the analytics product, and created a shared design system for both FlowAnalytics and Workplace Manager, the admin portal it sits within. The work focused on improving usability, consistency, and clarity across both products.

The goal was to make office space usage easier to read, easier to navigate, and easier to act on for facility managers.

Problem

Users struggled to interpret key metrics in a dense and complex dashboard.

  • The interface felt overwhelming and difficult to scan
  • Important metrics were hard to locate quickly
  • Lack of context made decision-making slower
  • The experience did not adapt well to different user roles

Users

  • Facility managers monitoring occupancy, space usage, and workplace performance
  • Workplace managers using data to plan resources and support day-to-day decisions
  • Office administrators needing quick access to clear metrics, filters, and saved views
Original FlowAnalytics dashboard before the redesign
Before the redesign, the dashboard felt dense and harder to scan.

USER INSIGHTS

Based on user interviews with both facility managers and analytics specialists, key behavioral patterns and pain points emerged across how users interpret and act on data.

Two primary user types emerged: a core user focused on quick decision-making, and a power user working deeply with reporting and analysis.

Understanding how users behaved in the current experience revealed recurring patterns.

Insight 01

Users needed orientation before detail

Users wanted to understand what they were seeing, why it mattered, and how it connected before diving into specifics.

Insight 02

Filters needed clearer cause and effect

Filters were central to the workflow, but unclear cause and effect made users rely on guesswork or manual workarounds.

Insight 03

High visual density reduced trust

When too much information appeared at once, users hesitated more and were less willing to act on what they saw.

Process / Improvements

Restructuring the experience

As a first step, I explored how the layout could be reorganized by bringing all key elements into a single structure. This was a way to test what a clearer and more structured overview could look like. The focus was on grouping related information and starting to introduce hierarchy, rather than solving everything at once.

Early layout exploration for restructuring the FlowAnalytics dashboard
A first step toward a more structured and readable overview.

Clarifying filter interactions

I introduced dashboard-specific quick filters for the most common actions, with the last option leading to all filters / advanced filters. Below that, a sticky active-filter section stayed visible while scrolling so users could understand what was applied while reading the data.

Filter refinement concept showing quick filters, advanced filters, and active filter states
Quick filters, advanced filters, and a sticky active-filter row made the state easier to follow.

Improving data visualization

The visualizations were simplified to make key metrics easier to read at a glance. Important values were brought forward, while less critical information was toned down. This made it faster to understand how spaces were used and reduced the effort needed to interpret the data.

Redesigned KPI cards with clearer hierarchy in FlowAnalytics
Key metrics surfaced and easier to compare at a glance
Redesigned FlowAnalytics charts using a monochrome palette for clearer trend reading
A monochrome palette, shaped by the brand values, made charts feel calmer and easier to separate.

Outcome

The redesign gave the dashboard a clearer structure and a more consistent way of showing data. Key metrics, filters, and chart views were reworked to be easier to follow and easier to scan.

  • Key metrics and space usage data were surfaced more clearly.
  • Filter interactions were redesigned to make changes easier to follow.
  • Charts and KPI cards were simplified to support faster reading.