First Group – RDM Driver Routing Management System
October 9, 2020
GE Aviation
March 9, 2022

Conditioned-Based Management

The concept is to enhance the grocery shopping experience by replacing standard grocery freezer doors with digital "cool screen" doors with a 4k display of each product photo and quantity left in stock. Verizon needed an application to supervise, service, and troubleshoot these devices remotely.

 

About the Project

Verizon Conditioned Based Management

The concept is to enhance the grocery shopping experience by replacing standard grocery freezer doors with digital "cool screen" doors that have a 4k display of each product photo and quantity left in stock. Verizon was in need of an application to supervise, service, and troubleshoot all of these devices remotely.
 

My Role

Senior UI UX Designer


Project Name: Verizon CBM
Type: Condition Based Maintenance Dashboard
Date: March 2020 - Ongoing
 

My Responsibilities

  • Visual Design
  • Data Visualzation
  • Wireframes
  • User Research
  • Product Testing
  • Prototypes
  • Collaberated with Engineers and Product Manager on daily scrums and sprint planning meetings to define road map and product requirements
  • Design Desktop and Mobile Versions

The Process

 

 

Display screens are updated in real time.

 Display screens replace the old glass doors with new digital smart screens that seamlessly integrate into the existing retail environment. As a result, consumers can now instantly and easily access the most applicable and up-to-date information, offerings, and promotions visible digitally on the screen door.

With retailers across the country, we were tasked with creating an application for Verizon service techs that allowed them to troubleshoot errors and outages and check the status of every cooler screen throughout the country.

 

 
 

Verizon Branding Guidelines

Font: Verizon HZ, Verizon DX, Helvetica

Colors: #d8dad9, #333333, #000000, #c4202f, #f6dd0e, #1f9b48, #007bc1, #e35629

Icons: Verizon approved Icons. Thin, Simple.

Titles and paragraphs are all left-aligned. Only first word capitalized. Never use all caps.

Graphics: Graphics and Data Charts must follow Branding Guidelines.



Prioritization of issues

My research strategy:

Understanding the Verizon product managers goals and needs

Understanding how LOSANT's backend API communicates with the frontend UI.

Uncovering blockers with the existing user journey

Discussing design blockers with our engineers.

Measuring the success of the tasks that are tested.

I provided our product manager and engineers with visibility into the key areas of the platform that needed to be addressed from a usability standpoint. This not only helped to prioritize usability issues in order of need but also helped to shape the product roadmap for each sprint.
 
 
 

Wireframes

 
Based on the feedback from user testing, we found the following key issues: 4 of 10 of the users testing found that it was easy to miss field inputs due to a lack of visual hierarchy All found that the process of running deployments was tedious. 8 out of 10 users testing were frustrated that the ADD button was hard to see so they could not identify which were missing required fields
 
 
 

Proposed Prototype

 
 
Developing the designs I created my high fidelity mockups in Adobe XD and then shared them into JIRA to allow the engineers to inspect the file and export the HTML and CSS code. ‍ I worked very closely with the Engineer team to spec out any missing interactions that were not covered in the high fidelity mockups. I conducted a UX review of each front-end ticket that was implemented to ensure it was aligned with the designs before it went live.
 
 

Mobile Version

 
 
 
 
 
 
 
 

Conclusion



As the first UX Designer at Losant I wanted to make improvements starting with implementing a design process that helped our team establish more structure to how we conduct our work and allow other teams to gain visibility across our upcoming sprints.
Establishing a design kit. This has helped to maintain consistency in the look and feel across different parts of the platform.
Establishing a design system. This has helped the Engineering and Product teams to understand how and why we choose to implement certain components over others.
.