UI/UX Product Design / UX Strategy

UI/UX Product Design
/ UX Strategy

Data-Driven Design
for Complex Visualizations

Data-Driven Design
for Complex
Visualizations

Our client, a leader in software security, needed a streamlined, user-friendly design to simplify complex data for security managers. This project aimed to make data accessible, with a focus on clarity, usability, and aesthetic appeal.

Client

American software company

NDA enterprise

Date

2024

Services

UI/UX Product Design

UX Strategy

Industry

Tech & AI

Problem

The existing interface overwhelmed users with information, leading to frustration and disengagement. The goal was to create a seamless experience that enabled users to interact intuitively with data while maintaining visual appeal.

Problem

In January 2022, Veracode aimed to boost customer satisfaction and retention by improving platform analytics, after discovering that only 24% of Application Security Leads easily found the analytics tab, prompting UI/UX enhancements and better onboarding.

Problem

The existing interface overwhelmed users with information, leading to frustration and disengagement. The goal was to create a seamless experience that enabled users to interact intuitively with data while maintaining visual appeal.

Solution

We conducted extensive user research to uncover key pain points and designed low-fidelity wireframes that prioritized data clarity. After testing, we refined the high-fidelity prototypes to ensure a smooth user experience.

Solution

After identifying the issue, discussions with the Product Manager led to a strategy focused on improving the visibility and usability of the analytics tab. The redesign included a more intuitive UI, streamlined navigation, and clearer data visualizations to align with the needs of Application Security Leads. Additionally, targeted onboarding and enhanced tooltips ensured users could effortlessly discover and leverage analytics from the start.

Solution

We conducted extensive user research to uncover key pain points and designed low-fidelity wireframes that prioritized data clarity. After testing, we refined the high-fidelity prototypes to ensure a smooth user experience.

Design Sprint

To craft ideal user journey, prioritize features and empathize with a user more, me and Product Team decided to work together in a Design Sprint format, exploring major pain points and generating solutions.

Competitiors Research

In hopes to answer a call of 'HMW help our users to understand which findings to focus on and get our findings to a coherent and understandable list of tasks in the platform or a backlog on a customer side?', me and a product team done extensive competitors research. We uncovered that startups in software security field are providing easy-to-use naigation, using cards and drawers.

User Testing

After interviewing 5 Application Security Managers, we uncovered issues in namings, hierarchy and prioritization of widgets, and illogical points in structure of the asset - collection - portfolio segregation.

AI intergation

for data analysis

Design <> Dev collaboraiton

Software Engineers involved as testers

Design <> Dev

Software Engineers involved as testers

Design Sprint

conducted within a product team

Higher-Ups feedback

Astonished by the product

Higher-Ups

Astonished by the product

Result

The redesigned interface improved data engagement by 40% and significantly reduced user frustration, turning data into an accessible, visually engaging experience.

Impact

+40% of NPS score

analytics usage increased by +20%

Next steps

Launching NPS for measuring the impact of the analytics improvements.

Create a free website with Framer, the website builder loved by startups, designers and agencies.