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