CyberGRX

Cyber Security Platform Redesign

At CyberGRX, I redesigned the platform’s UI, transitioning it to Material UI (MUI), which accelerated product delivery by 60%. I also developed a new design system, data visualizations, and led cross-functional collaboration to improve user workflows and enhance cybersecurity risk analysis.

Platforms

Web Based Platform

Deliverables

Entire New Platform
Computer Screen Mock ups of a Cyber Security Risk Assessment Platform

Project overview

At CyberGRX, I served as the User Interface Designer on a small but dynamic team, working alongside a User Experience Director, a developer, and an intern. We aimed to overhaul the platform to improve user experience and streamline how risk analysts assess the cybersecurity risks of third parties. The goal was to enhance data clarity, reduce friction in risk assessments, and maximize the value provided by the platform’s predictive analytics.

Screenshot of a Notion Page about the User Interview Process

The Challenge

CyberGRX’s platform connects risk analysts with third-party businesses, allowing them to assess the cybersecurity risks without having to send multiple assessments manually. While the platform delivered tremendous value through its predictive data and risk analysis capabilities, it also had some notable user pain points:

  • Complex workflows for exporting and analyzing data.
  • Outdated UI that didn’t scale well across devices.
  • Inefficient product delivery, which hindered continuous improvements.

Our primary users worked on desktop and needed efficient ways to export and manipulate data to make faster, more informed cybersecurity decisions. With this in mind, we embarked on a complete platform redesign, rethinking every aspect of the user experience.

My Role

As the User Interface Designer, I was responsible for:

  • Designing a new UI system by transitioning our design system to Material UI (MUI), which accelerated product delivery by 60%.
  • Creating and maintaining a Design System, UI Kit, and Data Visualization components.
  • Collaborating cross-functionally with developers, UX, and product teams within the Agile Framework.
  • Mentoring a UI intern and delegating design tasks.
  • Implementing a comprehensive documentation suite in Notion, which served as a knowledge base for design requirements, feedback, platform features, and MUI usage.

Mock up that says 'Your Threat Profile" and shows data

The Solution

Our redesign efforts focused on enhancing the platform’s usability, ensuring it was both visually appealing and functionally robust.

Transition to Material UI (MUI)

One of the most impactful changes was transitioning to Material UI. This decision drastically improved design consistency, responsiveness, and scalability across different devices. By building a flexible design system, we enabled faster prototyping and reduced the handoff time between design and development.

  • Result: Product delivery speed increased by 60%, allowing for quicker updates and feature rollouts.

Data Visualization and UI Kit

I spearheaded the development of a UI Kit and Data Visualization components, ensuring that our users could easily interpret complex cybersecurity data. This involved creating intuitive dashboards and report generation tools that made it easier for analysts to assess and share insights with stakeholders.

Streamlined Cross-Functional Collaboration

Given the small size of our team, efficient communication was key. I worked closely with multiple developer pods, interns, and cross-functional teams, facilitating seamless handoffs and ensuring that design decisions aligned with technical constraints. The use of Notion for documentation helped bridge any gaps, making the design process transparent and well-documented.

  • Result: Improved cross-functional collaboration, reducing miscommunications and accelerating product development cycles.

Design Process

  1. User Research and Pain Point Analysis: We began by analyzing how current users interacted with the platform, focusing on their pain points around exporting data and navigating complex workflows.
  2. Prototyping and Wireframes: I developed wireframes and mockups in Figma, prioritizing the data-heavy aspects of the platform and ensuring an intuitive experience for desktop users.
  3. Development and Feedback Loops: Working in Agile sprints, I collaborated with developers to iterate on the designs. Frequent feedback loops, including weekly demos, helped us refine the product based on real-time feedback.
  4. Launch and Documentation: Once launched, I created detailed documentation in Notion, covering everything from design systems to user feedback, ensuring that the platform would continue to evolve seamlessly after my involvement.

Results

  • Accelerated Product Delivery: Transitioning to MUI cut product development time by 60%, enabling faster iterations and feature launches.
  • Enhanced Data Clarity: The new Data Visualization components made it easier for users to assess cybersecurity risks and communicate insights to stakeholders.
  • Improved Collaboration: Cross-functional teamwork and comprehensive documentation resulted in smoother design and development processes.
  • Streamlined User Experience: The redesign reduced user friction, making it easier for analysts to export and manipulate data, ultimately improving the platform's overall value proposition.
  • Lessons Learned

  • Design Systems Drive Efficiency: Transitioning to a standardized design system, like MUI, not only improved consistency but also drastically accelerated development.
  • Cross-Functional Communication is Key: Regular collaboration with developers and stakeholders ensured that our designs were feasible and aligned with business goals.
  • Documentation is Critical: Implementing a thorough documentation system made knowledge-sharing easier and ensured the continuity of design improvements.
  • Mcok up of a Dashboard upon load

    Conclusion

    My work at CyberGRX involved redesigning a complex platform with a focus on improving both the user interface and the product delivery process. By creating a robust design system, enhancing data visualization, and fostering cross-functional collaboration, we were able to deliver a more efficient, user-friendly platform that continues to provide significant value to risk analysts and their third-party partners.

    Need some work done?

    Send me your favorite joke and lets get the ball rolling on a new project.