Two-Pane Scheduling

Chromatic SaaS

Overview

Redesigned a scheduling tool used daily by professionals by introducing a two-pane layout that eliminated constant page switching and significantly sped up high-frequency tasks.

Product: Chromatic — SaaS appointment scheduler & hair formula editing app

Users: Hair professionals managing clients

Role: Product Designer + Flutter implementation


The Problem

Managing appointments required switching between two separate screens:

Calendar - open client - edit - go back - repeat

Result:

  • excessive clicks
  • lost context
  • slower task completion
  • frustration during busy periods

My Role

Led UX improvements and collaborated with engineers to design and implement a more efficient layout optimized for desktop power users.


Approach

  • observed real booking workflows
  • mapped most frequent actions (edit, reschedule, check details)
  • counted navigation steps
  • identified repetitive back-and-forth as the main bottleneck

Solution

Introduced a two-pane interface:

Left: Calendar/List of Clients

Right: Client/appointment details

Key decisions:

  • persistent schedule visibility
  • inline editing
  • quick actions without navigation
  • fewer full-page transitions

Outcome / Impact

  • steps reduced from 4+ to 1–2 per task
  • faster booking management
  • smoother workflows during peak hours
  • improved daily efficiency

Visuals

Other projects ↓