Cybermind
Redesigning the cybersecurity
SaaS platform
Cybermind-Redesigning a cybersecurity SaaS platform
Cybermind
Redesigning the cybersecurity
SaaS platform
TIMELINE
TIMELINE
2 Months, Live Project
CONTRIBUTION
CONTRIBUTION
UX Research, Ideation,
Information architecture, UX/UI Design
ROLE
ROLE
User Experience Intern
TOOLS
TOOLS
Figma, Notion
ABOUT CYBERMIND
ABOUT CYBERMIND
Cybermind Platform is a cutting-edge cybersecurity solution that focuses on presenting only validated vulnerabilities and confirmed attack paths, ensuring users receive accurate and actionable insights.
Cybermind Platform is a cutting-edge cybersecurity solution that focuses on presenting only validated vulnerabilities and confirmed attack paths, ensuring users receive accurate and actionable insights.
PROJECT REQUIREMENTS
PROJECT REQUIREMENTS
•Revamp the platform's navigation to be more intuitive and user-friendly, making it easier for users to find and access the features they need.
•Integrate feedback to address specific pain points and feature requests, ensuring the platform meets the diverse needs of its users.
•Redesign the overall look and feel of the platform to create a more modern, clean, and efficient interface, optimizing the use of space and enhancing visual appeal.
•Revamp the platform's navigation to be more intuitive and user-friendly, making it easier for users to find and access the features they need.
•Integrate feedback to address specific pain points and feature requests, ensuring the platform meets the diverse needs of its users.
•Redesign the overall look and feel of the platform to create a more modern, clean, and efficient interface, optimizing the use of space and enhancing visual appeal.
DESIGN PROCESS
DESIGN PROCESS
USER SCENARIOS
USER SCENARIOS
The three user groups identified helped to understand the various user scenarios and goals.
The three user groups identified helped to understand the various user scenarios and goals.
• Persona
• Persona
UNDERSTANDING EXISTING PLATFORM
UNDERSTANDING EXISTING PLATFORM
“Users of the Cybermind platform face challenges in completing key tasks, such as monitoring scans and vulnerabilities, due to complex navigation. Simplifying and streamlining the platform's navigation with a more intuitive, user-guided experience will enhance usability and provide a seamless experience for users.”
“Users of the Cybermind platform face challenges in completing key tasks, such as monitoring scans and vulnerabilities, due to complex navigation. Simplifying and streamlining the platform's navigation with a more intuitive, user-guided experience will enhance usability and provide a seamless experience for users.”
Screen audits
Screen audits
Key Insights from screen audits:
Key Insights from screen audits:
Lack of visual prioritization makes it difficult to identify critical information quickly.
Grouping related information together and prioritizing essential data points can help.
Profile actions can be redesigned for better visibility and accessibility.
The use of inconsistent multiple information cards lacks a clear focal point, causing potential cognitive overload.
Critical vulnerabilities and actionable insights can be prioritized by emphasizing them.
Including more meaningful visualization can improve visual hierarchy.
Refining the hierarchy and navigation will help users quickly interpret key metrics and take action efficiently.
Lack of visual prioritization makes it difficult to identify critical information quickly.
Grouping related information together and prioritizing essential data points can help.
Profile actions can be redesigned for better visibility and accessibility.
The use of inconsistent multiple information cards lacks a clear focal point, causing potential cognitive overload.
Critical vulnerabilities and actionable insights can be prioritized by emphasizing them.
Including more meaningful visualization can improve visual hierarchy.
Refining the hierarchy and navigation will help users quickly interpret key metrics and take action efficiently.
Heuristic Analysis
Heuristic Analysis
Information Architecture
Information Architecture
Information Architecture was restructured to understand the technical terms in cyber security, ensure that information is organized, and presented in a way that makes it easy for users to navigate and find what they need.
Information Architecture was restructured to understand the technical terms in cyber security, ensure that information is organized, and presented in a way that makes it easy for users to navigate and find what they need.
Information Architecture helped
• In identifying the paths of navigation.
• In understanding how users can quickly find information, complete tasks efficiently.
• To reduces cognitive load by providing clear pathways and logical hierarchies.
• IA also ensures the website remains scalable and adaptable as it evolves.
Here IA is intended to bridge the gap between user needs and business goals, creating a seamless and meaningful user experience.
It helped
• In identifying the paths of navigation.
• Users quickly find information, complete tasks efficiently.
• To reduces cognitive load by providing clear pathways and logical hierarchies.
• IA also ensures the website remains scalable and adaptable as it evolves.
Here IA is intended to bridge the gap between user needs and business goals, creating a seamless and meaningful user experience.
Restructured IA for customer and admin user profiles.
Restructured IA for customer and admin user profiles.
Insights derived
Insights derived
Task Flows
Task Flows
Task flows were analyzed to map out user actions step-by-step, helping to identify pain points, inefficiencies, and opportunities for improvement. This approach helped to streamline processes and create a more intuitive navigation experience that aligns with user goals while addressing the platform's complex functionalities.
Task flows were analyzed to map out user actions step-by-step, helping to identify pain points, inefficiencies, and opportunities for improvement. This approach helped to streamline processes and create a more intuitive navigation experience that aligns with user goals while addressing the platform's complex functionalities.
KEY SCREENS
KEY SCREENS
To visualize the arrangement of elements, prioritize content, and establish functionality wireframes were generated. They focused on structure and user flow. Wireframes were iterated and presented during discussion phase for aligning with client requirements and meeting business goals , while taking care of both admin and customer side users.
To visualize the arrangement of elements, prioritize content, and establish functionality wireframes were generated. They focused on structure and user flow. Wireframes were iterated and presented during discussion phase for aligning with client requirements and meeting business goals , while taking care of both admin and customer side users.
Scanning Info Module
Scanning Info Module
Key Insights
Key Insights
Enhanced Navigation: Chatbot integration replaces global search for quick assistance, while the logo serves as a shortcut to the default dashboard.
Customizable Layouts: Grid and linear view options improve organization card usability and user customization.
Streamlined Hierarchy: Left navigation bar and structured panels provide clear module organization and intuitive understanding.
Improved Accessibility: Dropdowns for organization and domain switching enable seamless transitions and enhanced navigation.
Optimized Usability: Collapsible side panels and nested page highlights improve screen space, focus, and clarity during navigation.
Enhanced Navigation: Chatbot integration replaces global search for quick assistance, while the logo serves as a shortcut to the default dashboard.
Customizable Layouts: Grid and linear view options improve organization card usability and user customization.
Streamlined Hierarchy: Left navigation bar and structured panels provide clear module organization and intuitive understanding.
Improved Accessibility: Dropdowns for organization and domain switching enable seamless transitions and enhanced navigation.
Optimized Usability: Collapsible side panels and nested page highlights improve screen space, focus, and clarity during navigation.
Domain Module
Domain Module
Domain > Scan History
Domain > Scan History
Domain > asset discovery
Domain > asset discovery
Key Insights
Key Insights
Accessible KPI Cards: Quick metrics display domain information, risks, and scan data for easy threat detection and decision-making.
Clear Risk Indicators: Progress bars and risk ratings on domain cards provide actionable insights at a glance.
Contextual Clarity: Asset discovery highlights active sections, with subdomain details listed for better user understanding.
Accessible KPI Cards: Quick metrics display domain information, risks, and scan data for easy threat detection and decision-making.
Clear Risk Indicators: Progress bars and risk ratings on domain cards provide actionable insights at a glance.
Contextual Clarity: Asset discovery highlights active sections, with subdomain details listed for better user understanding.
LEARNINGS
LEARNINGS
Understanding the structure and navigation of the platform from two points of view was crucial, allowing for a comparison and analysis of user pain points and navigation struggles.
Understanding the structure and navigation of the platform from two points of view was crucial, allowing for a comparison and analysis of user pain points and navigation struggles.
Reviewing the existing Information Architecture (IA) highlighted opportunities to transform features and task flows into clickable actions.
Issues such as hidden information in top navigation, improved accessibility through side navigation, and the use of clickable cards for better monitoring were addressed.
Introducing dashboard types grouped information effectively, reducing cognitive load, and enhancing user onboarding.
Reviewing the existing Information Architecture (IA) highlighted opportunities to transform features and task flows into clickable actions.
Issues such as hidden information in top navigation, improved accessibility through side navigation, and the use of clickable cards for better monitoring were addressed.
Introducing dashboard types grouped information effectively, reducing cognitive load, and enhancing user onboarding.
Cybersecurity platforms require high-security measures like 2FA and confirmation links, while features like breadcrumbs, filter chips, and a consistent side navigation improved clarity and usability. Lastly, a chatbot feature showed potential to replace global search, while global actions centralized in the side navigation streamlined user interaction.
Cybersecurity platforms require high-security measures like 2FA and confirmation links, while features like breadcrumbs, filter chips, and a consistent side navigation improved clarity and usability. Lastly, a chatbot feature showed potential to replace global search, while global actions centralized in the side navigation streamlined user interaction.
