Transparent Path is a Seattle-based company that focuses on tracking shipments in the food supply chain by combining IoT sensors with Blockchain technology. Their product can track the location, temperature, and humidity of shipments all over the globe. I worked on a team of three alongside a project manager and a researcher to build a shipments dashboard focused on helping chocolatiers track their shipments and be notified of issues such as melting or delays.
We reviewed the colors in the JRNY app and where they were used. Some – like the legibility of the primary buttons (issue 3) – immediately stood out as issues, while others took a while to discover.
We decided on a simpler color scheme to quiet the overall experience and highlight the most important elements; the workouts.
Above, you can see the same screen before and after the color update. Although this affects the entire JRNY app, focusing on one screen allows us to easily compare the differences. Notice where your eye naturally goes, and which elements call out for attention rather than highlighting an active state.
Through this project, Edyta and I were able to simplify the use of colors throughout the JRNY app, and set specific rules where those colors should be used. We also set up a color library in Figma to make it easier for designers to use (example shown here).
This improved readability in the app, and made it easier for our users to navigate. Simplifying the colors also allowed us to highlight the workout content rather than the navigation, and more aesthetically pleasing in general.
We worked with developers and project managers to implement these updates one step at a time, focusing on the most important aspects first. The updated colors are available in the current version of the JRNY app, available in the App Store or Google Play Store.