Contact

Increasing scheduling efficiency and transparency

role
Design lead
design team
1
wider team
8+
duration
3 months
interface
Desktop
industry
Mental health

Overview

0

I led the design and research for a resource booking tool used by administrators and customer service agents. The React app was integrated into our CRM and built with Microsoft’s Fluent Design system. It helped agents search TELUS Health’s roster of clinical professionals, understand the differences between suitable options, and complete a booking with more confidence.

The interface needed to move quickly without becoming a black box. We exposed the additional information that mattered at the point of decision so an agent could explain the recommendation, read the details back to the customer, and confirm the selection before booking.

Defining the problem

1

The customer service team needed a better way to search for and book clinical resources. Agents were still relying on a legacy system that was inflexible, unstable, and missing some of the filters that mattered most. Location and distance were particularly important gaps.

The MVP only needed to support mental health services, but we did not want to design a mental health-only tool. The longer-term vision was a shared way to search and book any service in the TELUS Health ecosystem, including financial and nutrition services.

We also knew the Trauma counselling team would need the foundation later. Their workflow placed much more weight on geography and travel distance, so the search model had to be flexible enough to absorb more sophisticated location requirements without being rebuilt.

What the booking experience needed to do
  • Find the right clinical professional quickly
  • Show enough detail to make a confident recommendation
  • Keep the booking flow clear and error resistant
  • Create a foundation that could support other bookable services

Learning how agents booked

2

The business need came from our operations team, but the useful detail came from the people doing the work. I worked with stakeholders to define what success looked like, then connected directly with customer service agents through interviews and shadowing.

Shadowing was especially valuable. Booking was only one part of a live customer conversation, and agents were often listening, searching, comparing, and explaining at the same time. A flow that looked simple in isolation could become demanding when someone also had to keep the customer informed and avoid long stretches of silence.

We documented the current workflow, identified process gaps, and looked for the workarounds agents had normalized over time. We also reviewed existing scheduling products and Fluent UI patterns to understand which behaviours would already feel familiar inside the CRM.

The opportunity

Matching the legacy workflow was not enough. The new platform gave us a chance to remove small but persistent sources of friction and make the choice easier to explain to the customer.

  1. Understand the customer’s need
  2. Search and filter the roster
  3. Compare suitable professionals
  4. Confirm the selection
  5. Complete the booking

Designing the booking experience

3

Search broadly, then narrow with confidence

We organized the core experience around a filter bar and a results grid. The grid made it easy to scan across a roster, compare availability and other important attributes, and narrow the results without losing the context of the search.

Not every detail belonged in the grid. Additional information opened in a side panel so agents could investigate a promising professional without leaving the result set. This kept the primary comparison readable while still making the reasoning behind a selection transparent.

Placeholder showing a desktop clinical scheduling interface.
Placeholder: search, filters, and the resource results grid.

Pause before committing

After an agent selected a resource, a preview and confirmation page brought the important details together one last time. The page was designed for a practical behaviour we heard repeatedly: read the appointment information back to the customer, confirm that it was correct, then book.

We treated success and error handling as part of that same flow. Clear confirmation removed doubt after a successful booking, while actionable errors helped the agent recover without starting the search again or leaving the customer unsure about what had happened.

Placeholder showing a desktop clinical record interface.
Placeholder: resource details, booking preview, and confirmation.
Working within the platform

Fluent UI gave us a familiar visual and interaction language inside the CRM. The design work was less about inventing new controls and more about deciding what information belonged at each step, what should remain visible, and where a deliberate pause could prevent an error.

Removing an opinionated filter model

4

An early version separated common filters into their own section. The intent was to help agents get started, but the interface was making an assumption about how every search should begin.

In testing, agents did not need that distinction. It introduced another model to understand and used valuable vertical space, leaving less room for the results they were actually trying to scan.

We returned to the main success criteria: quick, error-free booking. We flattened the filter hierarchy, scaled back secondary UI, and focused the grid and confirmation experience on the information an agent could easily understand and read back to a customer.

The iteration made the product feel simpler because the structure matched the task, not because we removed useful information.

Impact

5
OutcomeEvidence
EfficiencyAgents completed bookings about three minutes faster on average, with fewer extreme time outliers.
AccuracyBooking errors decreased by approximately 13% quarter over quarter.
ConfidenceAgents could review and read back the details that mattered before confirming a booking with the customer.
ExtensibilityThe Trauma counselling team reused the foundations with lighter ongoing involvement from design.

Some of the efficiency gain came from the improved stability of the new platform, not the interface alone. I still consider the lower average time and smaller time-sink outliers meaningful because the complete experience helped agents finish more consistently.

The strongest longer-term signal was reuse. The Trauma team could build on the search and booking foundations with design involved in a lighter capacity, validating the decision to treat mental health as the first service rather than the only service.

An unresolved constraint

Ideally the booking tool would also work as a stand-alone client so an agent could keep their primary CRM workspace free. The integrated experience was useful, but inflexible in how and where agents could access it.

What I learned

6

A passionate group aligned around a clear mission can raise the ambition of an operational tool. By stating our UX goals early, we created allies within operations who helped us move beyond a like-for-like replacement and advocate for the details agents needed.

What I took forward
  • State the UX ambition early enough for operational partners to help carry it.
  • Keep the primary success measure visible when additional UI starts to compete with the task.
  • Small fixes to long-standing workarounds can create a surprising amount of trust and goodwill.

The project was also a reminder that the small improvements matter. Fixing the things users have quietly worked around for years can generate a lot of goodwill. It signals that the team sees the work as it is actually done and is willing to care about the details.

Other work

Practice management

Practice management

A front-office product design case study focused on improving continuity of care between counsellors and clients.

  • Product design
  • Healthcare
  • Workflow