05 / The Orchard

Inventory management redesign

Role
Lead Product Designer
Skills
Figma, Sketch, User Research, Prototyping, Design Sprints
Length
6 months
Status
Shipped; iterations continue
Redesigned Workstation release builder

Background

The Orchard’s application suite, Workstation, was originally designed in 2006. It had become outdated both visually and in how it fit the industry.

78% of The Orchard’s revenue comes from audio content, and all of that content has to be entered through Workstation.

The original Workstation interface
The old version of Workstation.

UX issues

The old experience was a long, precarious form in a modal. Users hated it. It was slow, often closed without saving, was hard to maintain, and was behind in style, language, and interaction.

After using the system for a month to release actual products of my own, I ran a series of workshops to kick off the redesign.

Long modal form in the old Workstation
A frustrating experience for all of our users.

Workshops

Workshop 1: Critical user path

The team included a designer, a product manager, a technology director, and the VP of Product as decision maker. Having used the system in a real context made it much easier for me to advocate for user-centered choices.

We ran a card sort to define the critical user path for Release Builder.

Card sorting the critical user path

Workshop 2: Crazy 8s

Next came quickfire exercises to get everyone thinking in terms of user experience, starting with Crazy 8s: eight quick sketches each, then a vote on the best ideas.

Crazy 8s sketches

Workshop 3: End-to-end flow

Everyone sketched ideas for the entire flow, and again we voted on the best ones. The sprint let us make decisions as a team and align on one strategy.

Wireframes & stakeholder feedback

I quickly created wireframes and shared them with the sprint team and stakeholders. Keeping fidelity low made sure we got the right kind of feedback.

We uncovered serious gaps in requirements and fixed them before any in-depth design or development.

Release builder wireframes

High fidelity & user testing

I created high-fidelity designs, prototyped the experience in InVision, and used Lookback.io to interview users and validate our ideas before development.

Testing surfaced a few problems, mostly with navigation.

Remote user testing session

Moving to development

I worked with product managers on a release plan for the new version.

Redesigned product builder
Redesigned product builder detail

Results

The initial response was overwhelmingly positive, which let us roll the redesign out to larger groups and keep gathering feedback.

A year later, a follow-up survey showed design and usability had improved, and that the bigger remaining issue was speed and performance. The company went on to invest heavily in architecture and load times.

LearningMetricBeforeAfter
Users need more tools for scheduling productsCustomer satisfaction3.14 / 53.75 / 5
The system was too slowSpeed & performance2.83 / 53.87 / 5
Users wanted more feedback about errorsForm field error rate (Mouseflow)21%12%