Highlighting key security features to improve user understanding and navigation resulting in a 40% increase in engagement. (2024)
My Role
Product Designer
Context
From Atlassian Access to Atlassian Guard
Atlassian Guard replaced Atlassian Access, expanding from basic threat detection to full-cycle security. The new landing page needed to communicate these capabilities and drive adoption.
The Challenge
Atlassian Guard is not just an upgrade; it’s a new product with a broader security scope. I had to ensure the new landing page effectively communicated Guard’s full capabilities. To do this, I focused on three goals:
Ultimately drive trial and product conversions.
Previous landing page didn't adhere to the design system.
Making security features easy to understand
To make Guard’s capabilities easy to understand, I used tabs, breaking down key features into sections. Each tab highlighted a key feature and linked directly to the capabilities page for more detailed information.
Key Challenges
Integrating resources
I structured relevant resources under each tab to help customers understand Guard's full potential, collaborating closely with engineers to ensure feasibility within a tight turnaround and technical constraints.
Aligning with the design system
I redesigned the landing page to align with Atlassian’s updated design system, including components, patterns, and typography, ensuring consistency with Atlassian.com and reinforcing brand trust.
Final Designs
Cohesive landing page
The final landing page was successfully launched at Atlassian Team 24 alongside the product release.
Impact
Launch results
The redesigned Atlassian Guard landing page led to a 40% increase in engagement within the first month and drove a significant number of trial sign-ups. It played a key role in the successful launch of the Atlassian Guard product.
pages I worked on at Atlassian