Skip to content

LiveView Technologies

UX SaaS Design.

Note: The designs presented here are part of an ongoing product development process and are subject to change. All information captured is from the open beta and is subject to a confidentiality agreement. If you require additional references, please contact me and I will be happy to provide the relevant contact information.

LVT (LiveView Technologies) is a company that provides fleet management, loss prevention, and security solutions for the retail, construction, and law enforcement industries, using proprietary hardware and software. They needed a redesign of their branding and services, which included a marketing site with informational content modules for public-facing purposes, as well as a backend portal to give internal staff and customers access to detection, surveillance, and deterrence software. The end result was a modern, yet functional experience that increased engagement and reduced support calls and user confusion, all refined and tested through multiple sprints.

To design a SaaS that explains the core services and represents the brand values with a high emphasis on user interactivity and visual content in a functional yet innovative design.
To cater to the urgency and awareness of security and loss prevention through an online experience that provides concise information, detection and deterrence options with minimal user confusion.
Design Ideation
Final Design
Design Prototype
User Testing

2020 – 2022

Note: The designs presented here are part of an ongoing product development process and are subject to change. All information captured is from the open beta and is subject to a confidentiality agreement. If you require additional references, please contact me and I will be happy to provide the relevant contact information.

LVT (LiveView Technologies) is a company that provides fleet management, loss prevention, and security solutions for the retail, construction, and law enforcement industries, using proprietary hardware and software. They needed a redesign of their branding and services, which included a marketing site with informational content modules for public-facing purposes, as well as a backend portal to give internal staff and customers access to detection, surveillance, and deterrence software. The end result was a modern, yet functional experience that increased engagement and reduced support calls and user confusion, all refined and tested through multiple sprints.

Assignment

To design a SaaS that explains the core services and represents the brand values with a high emphasis on user interactivity and visual content in a functional yet innovative design.

Objective
To cater to the urgency and awareness of security and loss prevention through an online experience that provides concise information, detection and deterrence options with minimal user confusion.
Project Includes
Design Ideation
Final Design
Design Prototype
User Testing
Year

2020 – 2022

Introduction

LVT, a prominent provider of security and loss prevention services, sought to revamp their SaaS platform. Although their aim was to develop a user-friendly interface that would enhance engagement and conversions among their target audience, my internal interviews revealed that the software had pain-points for both internal users and engineers. To address these issues, I suggested leading the design process to ensure that the new platform met LVT’s business and user needs, both internal and external.

Research and Planning

To gain a better understanding of LVT’s business, target audience, and competition, we conducted thorough research using a combination of user interviews with our top customers, surveys from internal users, and competitive analysis with the help of other departments. Additionally, we utilized FullStory to validate user stories through user tracking software. Based on our findings, we developed a project plan that identified key features and requirements for the platform through a single, intuitive web-app and mobile companion.

Design and Development

Designing a new application involved laying a foundation. Working closely with the web team and engineers, we agreed on a framework to build a UI around. Using Figma and Confluence, I simultaneously created a design system and supporting documentation over the next few months to ensure consistency across future wireframes and prototypes. The design integrated visual content and interactivity to engage users. We collaborated closely with developers to guarantee that the design was implemented correctly and that the platform was both functional and innovative.

Video Management System

We conducted user interviews and primary research to identify the features that users care about. This helped validate design decisions for the interactive tools displayed. These interactive tools allowed LVT to provide their customers with the most efficient VMS experience based on user data and feedback that suggested the urgency of use and time efficiency. The modules were designed with a clean UI that emphasizes the visual context of the cameras and LiveUnits available to client accounts, along with the data and footage collected throughout the hardware’s lifespan.

Surveillance History

This component was created to be a responsive video history request page that covers a variety of screens. The LiveUnit perspective allows users to view all cameras organized by major points of interest and preset patrol locations they have set up. This serves as an archive hub with a more graphical approach to structure and information retrieval where alerts or incidents may have occurred. The overall appearance of these components was constructed using brand guidelines that existed at the time of designing, but has since been updated to reflect the current brand colors.

Challenges and Solutions

One of our main challenges was addressing stakeholders’ concerns over changing too much of the design. They proposed that creating feature-parity between the new and old systems was the best way to move forward with the project while meeting the needs of the business. We had to ensure that we met our deadline by avoiding any systems that could potentially hinder our progress. To tackle this challenge, we adopted a data-driven approach and utilized FullStory to gather insights about our current feature sets. We then cross-referenced this data with user interview documentation to identify which features customers actually use and which ones they don’t. This data was presented as validation for all design changes. Once we received approval, this helped us reduce the overall scope of the project.

Results and Outcomes

The VMS Beta was initially launched internally. We collected feedback from user-submitted forms and received valuable data for future improvements. We then gradually released more refined iterations to select customers, in order to acquire additional data and user feedback. This approach resulted in a reduction of complexity for the user experience and a decrease in support calls, as customers were provided with intuitive tools. The platform’s adoption rate from legacy to beta reached 93% before the end of Q3, despite only having been launched 3 weeks earlier.

Conclusion

Overall, our redesign of LVT’s SaaS platform effectively addressed their business and user needs. We followed a structured design process and incorporated user feedback to create a platform that is both functional and innovative, while also engaging for users across the board.