Find the task.
Make navigation follow the work, with a clear starting point for each task.
Browser security, redrawn to match its engine.
The challenge
SquareX protects enterprises from threats in the browser. The product needed an experience that made its technical depth easier to understand and use. The work started beneath the interface: aligning the information architecture, core workflows and visual language with the way security teams work.
A clearer way to navigate policies, understand security activity and take the next useful action.
01 / Strategy
Structure before surface.
Make room for the work behind the screen.
Reviewing the existing flows exposed where navigation and information could better support the task at hand.
Make the state clear.
Bring the right activity, policies and context together so teams can understand what needs attention.
Make room to act.
Keep the next decision visible without losing the surrounding context.
02 / Identity
A personality
the category avoids.
03 / Interaction
Depth you can
see through.
Clear relationships between layers make a complex interface easier to read. Blur, elevation and transparency establish hierarchy while keeping the surrounding context in view.
04 / System
A design system,
backed by variables.
Shared variables connect color, spacing, radius and elevation. The system supports multiple appearances without fragmenting the product.
05 / Scale
A new brand, without a rebuild.
A shared component foundation gives the product room to evolve. Changing the appearance does not mean rethinking every screen.
The same structure holds across light and dark modes, with consistent behavior and a coherent visual language.
From design to product
What shipped.
“I am amazed
at the quality of
work that has
been done before by
Nester Labs.”
The result is a coherent product language across the core security workflows.
The delivered scope spans reusable components, multiple appearances and documented user flows.
- 80+
- Design-system
components - 4
- Appearance
modes - 10+
- Documented
user flows