Transforming a hero business model into a scalable solution

Trystar needed an internal system to keep up with high demands for their products. The biggest problem was that they had little to no digital record of products and how to create them without a senior product engineers help.

Client
Trystar
Timeframe
3+ Years
Service
Digital Product Improvement
Tools Used
  • Figma
  • Miro

Project Overview

Trystar manufactures high end welding cable leads, electrical distribution panels, welding racks, and portable power distribution. To produce these products, workers relied on tribal knowledge. Schematics and invoices were passed around on paper. Lack of digital tracking led to error ridden and inefficient processes. Trystar needed help with going from tribal knowledge to democratized information quickly accessible to anyone at the company. A digital workflow was developed to enable Trystar employees to efficiently make products and rapidly scale up their production without errors. As the lead product designer on this project I helped uncover challenges throughout the project and headed off the execution with human centered solutions.

Hierarchy of needs for Trystar to accomplish internal goals

Challenges

Users were accustomed to tribal knowledge and hero product creation mentality. Critical information was seldom recorded in an accessible manner, with each employee using their own methodologies. Inconsistent product schemes were common in their legacy operating model and led to significant confusion. No methods to replicate products existed hindering new employee training. Scale up of production was sluggish as a result of these challenges. We needed everyone on the same page such that business and product goals could be unified. Careful consideration of all user needs was essential to avoid resistance to change.

Goals:
Our goal was to increase sales, decrease production time, and create a singular system for information to live. Creating a seamless ecosystem of functional and easy to use products for Trystar as was top of mind.
Requirements
  1. Create different products to accommodate each user group and their specific needs.
  2. Need products to speak to each other and transfer data seamlessly, enabling a user to successfully complete a task.
  3. Appease stakeholders’ business goals by creating more products in less time with reduced errors.

Process

First we created a timeline to execute different phases of multiple products throughout the company. Our team used an agile method along the way, talking to the users to make sure the timeline allowed for them to create and communicate efficiently and effectively. UI regression test plans were put in place to test that all of our products were working correctly with one another.

Proposed Digital Product Timeline

Product flows were created before wires to ensure the flow was efficient and helpful to that user group. Once stakeholders agreed upon the flows, low fi wires were created. After approval for low fi wires, hi fi designs were created and approved branding was applied. Tickets for development were created with screenshots and user scenarios were outlined for development along with any applicable Figma links or interactive prototypes and flows. As the lead product designer I led user interviews, workshops, stakeholder interviews, requirements & constraints gathering, design reviews, persona building, and journey mapping.

Workshop with Sales and Pre-Sales
Conductor and Product Workflows

For every step/ user group we used the double diamond method. Focusing on one user group at a time and their problems. This way we could start at the bottom with fundamentals and building blocks and make our way up to public facing clients. We needed to start at the bottom to make sure everything following was sound and accurate. Our team was constantly improving and revising products in real time to ensure Trystar could keep up with customer demands.

Double Diamond Design of Iteration

In addition to creating many different applications, I was in charge of creating a visual design system that matched Trystars existing branding. This design system included style guides and notes for developers in Figma.

Audit/ Workshops

There were many workshops highlighting each user group and their requirements. These workshops and audits included every step in the user and product journey and were facilitated to find out who was involved at a specific stage of the process. Our team also discovered large issues to address while we focused on each user group and section of that process.

Workshop from Customer Portal Roadmap

Insights/ Benefits

  1. After creating a product scheme, the sales team can now look up or create products from existing product schemes.
  2. Cut down product design time from a few weeks to a few hours of engineering time leading to a 11900% increase in productivity.
  3. Trystar now has a library of product parts that have their own product ID and can be used again and again. Employees can also look up those products at the click of a button.
  4. The accuracy of creating products increased by 350%.
  5. The time to creating products similar to other products have now been cut in half.
  6. Product creation systems have replaced paper documentation.
  7. Sales team now has a digital system for product information that they share with customers. This system has accurate information that is updated in real time.
  8. Due to an efficiency increase, creation of products has gone up so much that demand is now up by 200%

Get in touch and let's talk about your project

Product Designer at your service. Let's start something awesome together. Send me a message!