"Making every IT professional able to use our WebApp despite their level of technical expertise" — that's what led Lastline, a pioneer in anti-malware research and AI-powered network detection and response, to reach out to Pixelmatters. They needed to revamp their WebApp's design.
Lastline was on a quest for simplification. First, given the complexity the cybersecurity sector holds, and secondly, because every IT professional should be able to use their WebApp, despite their technical expertise. Therefore, Pixelmatters focused on simplifying while improving the WebApp's experience and design.
Two companies, one team
To do so, we worked closely with Lastline's internal Design and Engineering teams. Having two very different design teams, Lastline and Pixelmatters, combining forces, allowed Lastline to expand its design capabilities and speed up the revamp of their WebApp.
First, simplify existing screens
One of the initial goals was to create a user-friendly experience. Together with Lastline's UX Design Team, we deconstructed the personas briefing. Then, by understanding the users' primary needs and issues, we knew what existing screens had to be simplified and how.
Pixelmatters rethought a few of the screens and created new wireframes, with the focus of improving its UX. And it was crucial to meet Lastline's challenge: make the WebApp more intuitive.
Connecting the dots
Apart from simplification, Pixelmatters had to guarantee scalability. So, we built Lastline's design system, organizing every component from tabs, buttons, typography to colors.
Together, Lastline's new UX, UI and design system would become the foundation for Lastline's future, ready for any upcoming changes or features.
Reaching a consistent and intuitive experience
With the design core pillars created, we redesigned specific dashboards and sections of the WebApp — menu, sidebar, and individual components. But, we also introduced animations and visuals queues to add a layer of dynamism. By making these visualization graphs more pleasing to look at, Pixelmatters made the entire experience more consistent and user-friendly.
The future of Lastline
After completing Lastline's WebApp revamp, Pixelmatters started working on a new project with the code name "Krakatoa." It was focused on Lastline's future, with another proof of concept and creative direction.
But, while envisioning "Krakatoa," Lastline got acquired by VMware. And even though it didn't materialize, we quickly adjusted Lastline's WebApp Look&Feel to be aligned with VMware's visual guidelines.
Pixelmatters bent over backwards to accommodate changes in our schedule or other challenges. They really went the extra mile.
— Principal Product Designer at Lastline, Inc.
During our close collaboration with Lastline, we successfully revamped their WebApp. As a result, it wasn't only simplified to entry-level users but also ready for the future.
After Lastline's acquisition, and a simplification journey, we adjusted Lastline's WebApp to match the new VMware's identity. It was the first time one of our clients got acquired, making us super excited about what will come.