Wiz

Brand system & enterprise web platform for a global cybersecurity company

Role: lead designer (brand, UX/UI, web system design) · 2022–2023

‍

^{Hero section of the homepage}

‍

Wiz is one of the fastest-growing cloud security companies in the world. While their product was exceptionally strong, the brand identity and website no longer reflected the company’s scale, momentum, or level of technical sophistication.
The goal was to communicate a complex cybersecurity product to multiple audiences, from first-time visitors to deeply technical users, while positioning Wiz as a confident, mature leader at enterprise scale.

I was brought in as the lead designer on a small interdisciplinary team: one PM, one strategist who owned copy and tone of voice, and me — hired specifically to redefine the visual language and redesign the website. We worked directly with Wiz's developers, in-house marketing designers, and internal stakeholders throughout, and at various stages collaborated with a subcontracted design studio who helped expand templates, animate components, and more.

‍

The problem

Capabilities were presented as dense, static content, with little distinction between levels of detail or how different parts of the platform connect.

The goal was to rethink both positioning and structure, and to organize content around solutions, introducing clearer hierarchy, and allowing users to progressively engage with the product rather than encountering everything at once.

Design Approach

The redesign was shaped around three principles:

1. Layered engagement: core ideas are legible at a glance; technical detail is implemented through tabs, collapsible sections, and horizontal flows that allow users to reveal deeper detail progressively.
2. Confidence with a sense of ease: a restrained typographic system establishes clarity and credibility, while an expressive illustration language introduces warmth. The goal was to make powerful, complex technology feel approachable.
3. ‍A distinct point of view: the introduction of Wiz's now-signature pink accent deliberately broke category conventions, creating immediate recognizability in a landscape dominated by conservative, blue-toned security brands.

^{A product solution page that allows for layered engagement and shows actual product demos}

‍

Navigation system

The site navigation was one of the most structurally complex parts of the project. Each panel was designed differently depending on the content it needed to hold, while maintaining a cohesive visual consistency across the menu.

I designed 30+ icons for the navigation, one per item, and additional icons used across the site. These were later handed off to an animator, considering how each icon would behave, not just how it would look.

The mobile version required different structural solutions: collapsing a multi-level desktop experience into a navigable hierarchy on a small screen without losing the sense of organization or visual richness.

^{Desktop navigation}

Illustration system

Wiz's lead illustrator established the primary illustration language: rich, textured scenes used in major feature moments. My role was to extend that language into a different format class, such as medium and small-scale illustrations for inner pages, and informative sections within product and solution pages.

These required a flatter, more implementation-friendly approach while remaining visually coherent with the broader brand. I art-directed and produced illustrations across product, integration, and solution pages throughout the site.

‍

Interaction design & delighters

Wiz's brand personality — energetic and approachable despite being enterprise — had to show up in how the site behaved, not just how it looked. Small moments of joyful magic and warmth were a deliberate part of the tone.

A few examples: a hand holding a coffee mug animates when the user scrolls to a CTA section. An interactive nutcracker featuring common cloud security pain points as "tough nuts to crack". Sparks and swooshes appear around certain text moments to suggest a sense of magic. At the very bottom of the homepage, a small illustrated cloud quietly cries (“for crying out cloud!”) beside a podcast preview — a delightful easter egg for those who make it that far.

These weren't decorative decisions. They were intentional choices about where in the experience a user needed a moment of levity, and what that moment should feel like given the surrounding content.

^{Subtle finger animation on hover}

^{Footer easter-egg}

^{Nutcracker interactive problem section}

^{The Wiz Research page needed a distinct design direction for a security research community: darker, denser, and more technical in tone than the main site, positioning Wiz as a proactive leader in threat intelligence.}

‍

The redesign gave Wiz a system, not just a website. Templates, components, illustrations, and interaction patterns that internal teams could build on, while maintaining the visual coherence and brand confidence the company had earned. The foundation proved durable: Wiz continued to grow rapidly, expanded across dozens of products and surfaces, and was later acquired by Google.