Cloud security platform that identifies risks from development to deployment.
Company
Wiz.io
Services
Product Design / Illustrations
Model
B2B SaaS
Year
2024
Wiz Portal
Cloud security platform that identifies risks from development to deployment.
Company
Wiz.io
Services
Product Design / Illustrations
Model
B2B SaaS
Year
2024
background
Wiz is a cloud security company that helps businesses detect, prioritize, and remediate risks across their cloud environments.
Its agentless platform provides full visibility, identifying vulnerabilities, misconfigurations, and threats from development to deployment, ensuring secure and compliant cloud operations.
Boards
Customizable dashboard that provides real-time security insights, helping teams track risks, monitor compliance,and prioritize critical issues.
Security Graph Ask AI
Users can type in natural language to search the security graph and automatically generate complex queries, making it easy to explore relationships, analyze data without needing to build it from scratch.
empty state
Ask AI encourages users to input prompts in natural language to build queries easily.
autocomplete and presets
User can select between pre-defined queries, Ask AI prompt or selecting relevant suggestions.
graph connections
Wiz connects to all cloud environments, scans every layer, and covers every aspect of cloud security to provide better visibility into resource exposure.
Designing for Scale
Evolving Navigation to Support a Growing Product.
Old Nav - horizontal
As the product expanded, the horizontal navbar became overcrowded, limiting space for new features and making navigation cluttered. It struggled to accommodate deeper hierarchies, forcing users to rely on dropdowns that became complex and hard to scan.
new nav - vertical
A vertical navbar provided a scalable solution, making navigation easier to scan and read while accommodating more features. The hierarchy was reorganized to be more intuitive, grouping related pages logically for quicker access.
Connect - manage issues by severity, prioritize, and remediate cloud vulnerabilities efficiently
Explore - every resource insights, issues, finding and connectivity across the environment
Handle - manage issues by severity, prioritize, and remediate cloud vulnerabilities efficiently
Find - user and predefined policies rules to find optional issues across different cloud areas
Wizardry Design System
I built an Atom-based design system with modular, reusable components for consistent and scalable design. Every element is fully integrated with Storybook, providing live documentation and seamless collaboration between design and development.
Seamless Experience in all modes
The components are designed to look stunning in both light and dark modes, with accessible contrast ratios that comply with accessibility guidelines, ensuring a clear and user-friendly experience in any setting.
Click the toggle to view
Aligning with Brand Identity
I collaborated with the marketing team and illustrators to integrate the brand's design language into the product, making it more engaging, user-friendly, and consistent with Wiz brand’s identity.
