Print App Redesign

UX Design
Client
Label Traxx
Project Type
UX Design
Project Year
2021-2022

My Role

Design review for 2500+ application screens, updated files for daily stage environment push, created Hubspot Knowledge Base for beta release, and created the new application version's landing page for existing customers.

Tools Used

Sketch, Figma, Jira, Zeplin, Kactus, Remotix, Hubspot, Slack

About this project

Redesigned an app that enables print businesses to manage their production and manufacturing processes, and created the related Hubspot Knowledge Base and landing page for customers.

View project

The challenge

Redesign the application within the code language parameters. Since the application was coded in a more archaic framework (4D), there were often limitations during the redesign. Additionally, many users have been using Label Traxx for 10+ years, often many hours per day, which required ensuring UI adjustments did not disrupt workflows but instead enhance them. This also meant re-educating some users and offering relevant reference materials.

How can we accomplish our design goals while working within the code language parameters?

How do we elevate the user experience without disrupting the ingrained workflows of long-term users?

How will we educate veteran and new users of all the changes being made to their daily application?

The solution

UX and UI overhaul

For the newest version of the application, our team provided new UI assets to be implemented across the application's thousands of screens. We redesigned some screens from scratch, while simply elevating most of them with a more modern UI components and making more precise adjustments where necessary.

Once design assets were created and implemented, each screen usually required multiple iterations of design review—updating UI to new elements, adjusting spacing, and overhauling sections. This meant working closely with dev and product ownership to specify limitations when design adjustments were identified — for instance, if padding could not be added to particular elements or fields.

Streamlined module navigation

Before updating the user interface, modules opened within independent windows, so the primary navigation quickly became deeply nested, potentially leaving users confused as to where they are during a long task, or when returning to work.

By moving the navigation to a fixed location on the left of the home pages, it made filtering large sets of data entries easier to filter through.

Dashboards for essential workflows

Within primary tab (i.e. Production, Accounting, Reports), we've created Dashboards for the most commonly used tasks and workflows. When a user selects one of these tabs to navigate to different module sets, the related Dashboards appear.

These Dashboards include FAQs with links to the Hubspot Knowledge Base that we created to launch alongside the application's newest version.

Results

After receiving feedback from a select group of existing app users, we are continuing to iterate and finalize an upcoming release of the newest version on both Mac and Windows.

No items found.

Let's connect

Interested in working together or learning more about what I do? Send me a message — I'd love to hear from you.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.