Atlassian
Beyond Unsplash cover image

In order to expand the image gallery, add variety ,and consistency to the product. We are creating a bank of images for the cover header
Lead designer
Impact of work
The implementation of branded assets will not only enhance the aesthetic appeal of our product but also provide our customers with a consistent and professional browsing experience. This consistency contributes to brand recognition and user engagement.
SHIPPED
Problem
Our analysis has identified a significant pain point concerning the cover image feature. Users currently rely on third-party platforms like Unsplash to source images, or they upload their own, resulting in a disjointed experience. This reliance on external sources disrupts the seamless flow within our ecosystem.

Unsplash
The necessity for users to venture to Unsplash for images indicates a gap in our platform’s offerings. This reliance on a third-party website detracts from the user experience and may lead to disengagement.
Inconsistency
The variability in styles and quality of images across pages undermines the desired consistency in the look and feel of our product. This inconsistency dilutes our brand identity and diminishes user trust and satisfaction.
Our primary objective is to provide users with a seamless experience where they can access a diverse range of assets without leaving our ecosystem. By addressing this challenge, we aim to improve user retention and satisfaction.
The implementation of a curated gallery presents a compelling opportunity to address the identified issues. By collaborating with Atlassian designers, we can develop a collection of branded images that align with our product’s style and messaging. This curated approach ensures consistency while enhancing the overall visual appeal.
Gallery
The curated gallery features images crafted by Atlassian designers, adhering to a reduced color palette and unified design principles. Each illustration is thoughtfully designed to convey relevant concepts such as teamwork, innovation, and community, reinforcing our product’s values and mission.


Full screen image
To maximize versatility, the images are designed to be seamlessly integrated into fullscreen headers or bordered sections without compromising their visual impact. This flexibility ensures optimal utilization across various page layouts and screen sizes.

Exploration

Through thorough exploration and evaluation, the simplicity and cost-effectiveness of the curated gallery emerged as the most viable option. This approach aligns with our objectives of enhancing user experience and maintaining consistency while optimizing resources.
Full screen layout

Boxed layout


Outcome
The “Beyond Unsplash Cover Image” project represents a strategic initiative aimed at addressing critical pain points and enhancing the overall user experience. By leveraging curated branded assets, we can elevate the visual appeal of our product, foster consistency, and strengthen user engagement within our ecosystem.