Case Study ยป LivingSocial CSR System (2011-2012)

01 BLUF

The Bottom Line:

02 The Team

03 The Details

LivingSocial was a daily deals company that experienced exponential growth in the early 2010s. As with many fast-growing startups, customer service issues popped up due to elements of the product offering that were unknown or didn't scale as well as the team would have liked.

By 2012, we experienced expectation mismatches between customers and merchants, issues where merchants did not always abide by the terms of the agreement, and some customers who abused the system.

As a recently created internal tools team, helping customer support was one of our first tasks. Through interviews and shadowing of CSRs (Customer Support Representatives), we discovered a variety of issues:

LivingSocial CSR System before work began - double entry in both salesforce and admin areas

The system at project inception. Double-entry in Salesforce and Admin areas.

CSRs would communicate through AIM, Salesforce Chatter, and in person, so many details about cases would not end up in the system of record, and this could lead to handoff issues if someone else picked up an open ticket.

We used a Service Safari to discover issues in the platform. Almost every employee also was a customer, and we started collecting problems identified by employees whose deals didn't quite work out as expected.

We began by interviewing managers and line support representatives and following up with extensive and regular shadowing of CSRs on both phone calls and email support cases. These developed into medium-weight personas for our primary groups in the support organization.

We used the AT-ONE framework to analyze the overall service and look for improvements. AT-ONE stands for "Actors, Touchpoints, Offering, Need, and Experiences."

A primary challenge was that we had to roll out the new interactions for a subset of CSRs while maintaining the old system. Engineering selected Salesforce as the database of record, and engineers had to write a library for the new Ruby/Backbone app to talk to it.

We used hand sketching followed by high-fidelity comps to fix individual, minor problems in the existing interface while we worked towards a new holistic system. Some examples:

Image showing various new elements in the old user interface of the Deals admin

Elements such as subscription management, user overview, user creditcards, voucher detail, and more were all introduced into the old interface before the new product was complete.

New refund flow in admin

The new refund workflow in the old admin area. This was the first major "new look" block that really took over the page and hinted at the new "Q" app coming.

During this process, we identified several items that we brought to the Consumer design & engineering team and collaborated on those improvements:

The new my vouchers tab

The new "My Vouchers" tab change on the consumer side, in the original and redesigned interfaces (design & implementation by customer design/engineering teams).

After launch, we measured the following improvements:

The design elements created for this became the backbone of the style guide/design system ("Wilde") that powered 30 different internal tools with a UX/Front-end team of four people I led as a player-coach.

Here are the final screen designs:

The dual screen setup most CSRs would use

Teh dual screen setup most CSRs would be seeing during regular interactions.

New primary screen (left side)

New primary screen (left monitor).

New primary screen (right side)

New primary transactions view for a customer (right monitor).

New credit card screen (right side)

New credit card view for a customer (right monitor).

New primary screen (right side)

New subscriptions view for a customer (right monitor).

04 Tools Used