Highlighting key security features to boost customer understanding
Overview
I led the design and launch of the Atlassian Guard landing page to communicate the expanded capabilities of Atlassian’s new security offering. While I focused on the main landing experience, another designer led the deeper subpages. The redesigned experience improved clarity and led to a 40% increase in user engagement.
Team
2 Product Designers
1 Developer
1 Product Manager
My role
Lead Product Designer
Timeline
Mar – Apr 2024
Website
Context
Atlassian Guard is a new all-in-one security product, replacing Access and Beacon.
Atlassian Access was our identity and access management tool used by 70% of our enterprise cloud customers. Beacon was a newer beta offering with threat detection capabilities. With the launch of Atlassian Guard, these two were brought together.
The evolution of Atlassian security products
Challenge
Crafting a new landing page to support the launch of Atlassian Guard.
The old Access page, what we were replacing
Approach
Breaking down Guard's complexity
Guard’s wide range of security features can overwhelm users. To design an effective landing page, I first focused on understanding and simplifying the core capabilities.
Guard Detect alerts example
Guard simplified
Identifying the core pillars: Protect, Detect, and Respond
To simplify Guard’s complexity, we mapped features to three core goals: protecting, detecting, and responding to threats. While Access focused only on prevention, Guard introduces new detection and response capabilities.
Protect
Prevent major security breaches and unauthorized access attempts.
Detect
Monitor for suspicious activity across your cloud environment.
Respond
Take fast, informed action to quickly contain and resolve threats when detected.
Designing the experience
Using core pillars to simplify Guard’s complexity and guide user understanding.
I organized the content around three core pillars: Protect, Detect, and Respond. This structure helped communicate Guard’s value clearly and supported deeper exploration through linked pages.
The old Access page, what we were replacing
Supporting customers who need more context before taking action.
To support customers who needed more context before converting, I added a Resources section directly beneath the tabs. Each set of articles aligned with a security pillar.
Resources grouped under each security pillar tab
Constraints
Making clear, focused decisions to deliver a cohesive landing page in 3 weeks.
With only 3 weeks and minimal engineering capacity, every design decision had to be tightly scoped. I referenced existing Atlassian landing pages and patterns to move quickly while maintaining consistency.
FInal Designs
A seamless landing experience that builds understanding and drives trial sign-ups.
After multiple iterations and reviews, we launched a focused landing page that clearly communicated Guard’s value, supported customer decision-making, and encouraged deeper product exploration.
Impact
Launch Results
The page drove a 40% increase in user engagement within the first month and higher demo requests and trial activations. Analytics showed users spent more time exploring key features.