Hatteras Navigator

A Work Management platform that enables professionals in the commercial printing industry, and their customers, to manage their high-touch and complex projects more efficiently.

Overview

Hatteras Press is a pioneer in the commercial printing industry, priding itself as being a first-to-market with technology initiatives and an emphasis on exceptional customer experience. They experienced the challenges of managing their customers and the complex projects they were manufacturing, and saw an opportunity to change the paradigm of how this ecosystem was enabled.

My role:

Strategy
User Experience (UX) Interaction (IxD)
User Interface (UI)

The problem space:

The printing industry is truly underserved in terms of legitimate and intuitive work management tools. Software is highly fragmented and typically siloed to the printing technology/manufacturers, making it difficult for professionals within printing companies to manage their work intuitively. Managing complex projects is time-consuming and challenging to begin with, but when you need to login to 4 different systems and talk to 5 different departments to get an update on your proofs...it gets a lot worse.


The objective:

Design an entirely new platform in the form of a responsive web app which enables end-to-end work management for Hatteras (and beyond that, the printing industry in general).

Research:

To kick off the project, we first wanted to level set on high-level goals for the business.
"What are we trying to achieve with building this tool?"
"What business impact are you expecting it to have?"
"What problems are we solving for your employees/customers?"

We broke ground thereafter by capturing the key persona groups and personas within them, highlighting high-level paint points and challenges we could aim to solve. After 30+ interviews with customer service representatives, production managers, sales reps, and customers, we were able to map the interactions and touchpoints between the personas. We then captured the associated workflows to understand the areas of high friction and challenges.
Persona mapping exercise to determine the high level connections of work/comms between the customer and Hatteras.
High level workflow mapping of core steps, delineated by Hatteras vs. Customer ownership and personas.
A system of systems, we mapped how the data would flow between each node of the Navigator ecosystem to both capture our intent and also the gaps which needed to be closed from a backend perspective to make it happen.

The User Experience:

Once we had a good understanding of the problem space via research, we started to ideate and prototype solution ideas for the critical pain points and areas of high friction. Hatteras was already seeing the value of a formal UX process and was excited to make progress. So, we wanted to rapidly test/(in)validate our assumptions with the same groups of users (customer service, sales reps, and even some customers).  
Early wireframe of an estimate dashboard for sales users yielded some important lessons learned on how both nuanced and fragmented the vernacular was within persona groups.
Early wireframe of the estimate view page. Coming from a purely email-driven paradigm, we were able to get users excited about the prospect of viewing and taking actions on estimates within the platform quickly/easily. "Wait, we can just submit the estimate right from here? ...that's going to be amazing!" - Customer Service Rep.
What we learned quickly was that there was a high degree of inconsistency in the way Hatteras' and customer's employees managed printing projects ("jobs"), and this was realized through moderated concept testing. Semantically, the two main persona groups were fragmented in terms of how they interpreted labels of objects within a 'project'. Artwork, specifications, manufacturing processes, job naming, job status, etc. were getting mixed interpretations...this was a very important realization and became one of the most important aspects of the overall UX.

We rinsed and repeated this review cycle until we had confidence in terms of the user outcomes we were trying to drive, the information architecture/semantic framework, and the overall composition of the UX/UI.

Moving on from there, it was time to dive into the user interface and interaction components we needed to materialize the vision of Navigator.
Order Page User Interface Design - prioritized panels were organized so that all personas could quickly see important information regardless of role. This streamlined view took several iterations to get to, but in the end we were able to cover all persona needs within one view which helped shave time from a development perspective.
Job Ticket Request User Interface Design - one of the critical processes for getting a project through the system is creating the "Job Ticket". This is the requirements which are directly sent to the production team for manufacturing the job properly. Historically, this process took several emails and conversations to hand off from the customer service team to the production team...with Navigator it's a single page of inputs. This was a big win for both functional groups and proved to be a massive time saver.
Proof Approval User Interface Design - another time consuming and manual process converted into a seamless and efficient UX for both Hatteras and the customer. Customers could now approve or request a revised proof directly within the system...including the ability to upload new artwork and provide comments (see below).
Real-time, automatic system-generated communications proved to be another critical component of the overall UX. We worked to create effective triggers and designed specific email outputs for each of the critical status/change updates that made sense...both for internal/cross-functional communications within Hatteras and also for the customer.
Email communication templates sample. The goal was to delineate internal vs. external comm's with the Navigator branding only being applied to customer-facing emails.

Measuring UX Performance:

With an entirely new work management paradigm, we wanted to carefully track user satisfaction to ensure that we enabled the behavior change which was required to utilize it properly. We had to converge on a simple set of metrics that we could gauge performance quickly, while capturing deeper data to enable us to investigate anomalies.
Simple mapping of the KPIs we had established for user vs. business performance.

Snapshot of User Satisfaction Results:

Frequency of Use:
Avg. 3X per day / 65.4% of work hours spent on platform
Ease of Navigation: 8.9/10 (likert - 0 disagree > 10 strongly agree)
Supports Job Function: 9.2/10 (likert - 0 disagree > 10 strongly agree)
Improved Work Efficiency: 32% reduction in task completion time / 9.6/10 (likert - 0 disagree > 10 strongly agree)