UI Modernization

Case Study > In 30s

The Problem
Customers were citing the outdated, clunky UI as a reason for not choosing our product. Compared to competitors, our interface lacked visual polish and modern interaction patterns.

The Solution
The design team led a two-month UI refresh initiative, guided by a set of core principles:

  • Use color and icons to tell the story

  • Lighten Visual Page Structure - Minimize lines; Use more fills

  • Round Corners & Gradients

  • Rounder Typography

These principles helped unify the visual language and create a more modern, engaging experience across the product.

The Impact
In parallel with the redesign, the systems design team collaborated with a newly formed frontend infrastructure team to build a flexible framework for implementing the new UI. This enabled efficient theme rollouts and seamless, non-breaking updates.

The results were immediate: UI complaints disappeared, and the look and feel of the product became a selling point. Customers now say, “I love your UI,” and the interface is no longer a barrier to adoption—in fact, it’s often a differentiator.

My Role
While the systems team focused on updating components in Figma and collaborating with engineering, I was responsible for setting the design direction, defining the guiding principles, and making many of the final style decisions. This was a major cross-functional effort, and I played a key role in driving the vision and style.

***

About the Company:

  • What we do: SaaS cybersecurity for mid-size and enterprise companies

  • Size: 600 employees, still startup-minded

  • Design team: 10 Design Team Members, 4 Designers on my team. I am an IC and Director

  • Shift in users: Market shifted so personas shifted > from DevOps engineers to security teams focused on outcomes, not fixes

  • Product Background: Engineering-led roots caused UX issues as users became less technical

  • Customer goals our product solves:

    • Don’t get hacked

    • Don’t break laws

    • Ship features fast

Previous
Previous

Personas & UX Map

Next
Next

Logos & Graphics