Panaseer
Panaseer is an enterprise cybersecurity automation and data analytics company that helps organisations stop preventable breaches by ensuring security controls are fully deployed and working effectively — maximising their security investments and resources.
Panaseer's Continuous Controls Monitoring platform provides a complete, trusted view of security controls, with metrics and action guidance aligned to best practice frameworks that improve collaboration and prioritisation.
No more blind spots thanks to a total visibility with automated metrics and metrics
Panaseer helps stop preventable breaches. The industry's first Continuous Controls Monitoring platform for enterprise security enables teams to improve their security posture, automate security metrics, measurement and reporting, and help organisations get the most out of their investments in people, tools and processes.
My role
I started working for Panaseer in July 2021 as a junior UX/UI designer, and slowly became a mid-level UI designer.
I currently work with a UX lead, product managers, data scientists and engineers to research, design and develop new and innovative solutions for our cybersecurity professional users.
As part of the Product Experience (PX) team, I use user-centred research and design methods to translate and understand Panaseer's user needs, business goals and technology capabilities into breakthrough user experiences.
Thanks to this amazing experience, I now have knowledge of user-centred design methods and techniques, knowledge of user research methods such as interviews, card sorting and prototype evaluation, proficiency in wire-framing and comfortable producing concept sketches and user flows, proficiency in rapid, iterative prototyping, excellent analytical and process-oriented skills.
I was able to immerse myself in the strategy, design and development of a web application cybersecurity product, while proactively helping to improve our product - Build relationships with UI/UX designers, engineers, product managers and data scientists - Work with agile teams to deliver specific product goals - Work with the rest of the PX team to improve our UX and UI design practices and processes.
Remediation objective
Overview
Clients have a need to track their remediation activities. They want to know how well specific control gaps are being closed and this is a difficult problem to solve on their own. Remediation Objective provides them with an easy way to create, edit and track their remediation objectives.
Discovery
User Stories
● As a user, I want to be able to easily create an objective for my remediation activity
● As a user, I want to be able to quickly update my objectives with the current progress of the remediation activity.
● As a user, I want to be able to access the Remaining Assets list to get an overview of which assets still need attention
● As a user, I want to have access to Burn Down charts that show me the progress of each of my objectives.
Research/
Personas
Research/
Lean UX canvas workshop
Research/
User Journey
Research/
Usability tests
Delivered UI
Cybersecurity Maturity Model Certification
Overview
A flexible mechanism for measuring Security Cyber Maturity in 6-12 months with a new Marketing angle of CMMC.
Requirements
● A clear and mappable framework tool that can track progress in a way that is easy to understand from a governance/audit perspective and easy to use from a remediation/reporting perspective.
● Provide the CISO with a high-level view of the current state of their operations
● Opportunity for a marketing splash
● Moving with the latest trends
● Assist customers in developing maturity in Continuous Control Monitoring
Sprint design
Delivered UI
Design System
Overview
In a highly competitive and complicated cybersecurity market, it's hard to stand out. Our method? A clean, robust design system that makes it easy to analyse and understand the data.
Panaseer need a refresh for his design system and needed be sort out. After hired a new Senior UI design, it was a perfect opportunity to rebuild a design system with what already existed.
The previous design system have being built by the head of design few years ago and was continuously implemented by the dev team.
We, as a UI design team, decided to use these old assets and rebuild/sort out/improve our design system without make big changes to be time saver for the development team. Also, as our design team grew, it became crucial to systematize all components and scale the product consistently.
We decided to build a design system to help designers, PMs, and developers communicate with each other in order to build consistent, high-quality solutions faster.
Figma organisation
Foundation/
Typography
Foundation/
Spacing
Layout
Foundation/
Foundation/
Breakpoint
Foundation/
Colour system
Foundation/ colour system
Accessibility
Iconography
Components
For each component we created specifications to help the developers and the next designer. We used the Atomic Design methodology.
Specification
Behaviour
Anatomy
Accessibility
Testing
Latest UI deliveries
The Control ScoreCard
We have three key design statements for the scorecard:
Simple. CISO’s are busy. They need something fast and simple. So it should be immediately obvious what is on the page and why.
Illustrative. We should provide new value by aggregating the metrics that make up the scorecard, and we should show it to make the view as compelling as possible
Trusted. The scorecard leans on best practice we’ve learned from discussions with our customers and advisors, conference talks, examples shared, and other documented ideas. We should also show our working at every stage.
