Atlassian Gaurd

Highlighting key security features to improve user understanding and navigation.

Context

The previous security landing page for Atlassian Access did not communicate the value of Atlassian Guard’s enhanced security features. I designed

Goal

a new landing page to align with the new product’s updated features, focusing on improving customer understanding of the complexities and driving trial sign-ups.

My Role

Product Designer

Team

Marketing team
Product designer
Visual designer
Web producer

Tools

Figma

Date

Feb - Mar 2024

My role

As the lead designer for the new landing page, I had full ownership of the designs, focusing on enhancing both the user interface and user experience.

Cross-functional collaboration

I led design critiques for the landing page, while the other product designer focused on the remaining Guard pages. I maintained close communication with the Marketing team to gather feedback and share suggestions.

Constraints

The project faced tight turnaround times, which required a focus on existing design patterns. To work around these limitations, I explored creative solutions, such as adding resource cards under each tab, and collaborated with the web producer to confirm feasibility of the modifications to the pattern.

Handoff

I handed off wireframes for all breakpoints to the creative designer, ensuring that typography was current and layouts adhered to best practices regarding grid systems and component usage. Before the handoff, I presented my designs at a critique session to gather peer feedback, which informed final adjustments.

Final Solution

The final design for the Atlassian Guard landing page prominently showcased key features.

Impact

Next steps

The new landing page for Atlassian Guard achieved a 40% month-over-month increase in engagement in its first month after launch, accompanied by a significant rise in trial signups for the product.

Thanks for reading!