Atlassian.com Home Page Illustrations
In early 2022, Atlassian.com was revamping, and I had the opportunity to illustrate all the images for the new and improved webpage. The hero image depicts a remote team collaborating, gathering data and finding solutions. While the other images below, depict different capabilities achieved through the groupings of products. Abstracted UI screens, people and lines indicate movement and progress.
Spot Hero Illustrations
Each spot hero depicts the functionality of each group of products. Abstracted UI elements, people avatars and arrowed lines indicate movement and progress.
Footer Banner Illustration
Atlassian Platform Illustrations
Background, hero and spot illustrations are distributed throughout the webpages, creating a cohesive and recognizable visual language. They aim to explain the Platform's capabilities and uses. The new visual language made use of unique color combinations, moody gradients and glowing effects. People interacting represent a productive, interactive team.
This work provided a foundation for the design team, allowing others to refresh and expand on existing ideas and illustrations.
Hero Illustrations
The Platform website has 3 sub pages that showcase teams working on complicated systems and finding solutions.
Spot Illustrations
The spot illustrations interpret each concept succinctly through color, shapes and line.
Team Playbook Illustrations
Team Playbook required a full revamp in 2020-21. There was an established visual language (color, shape, style), which I developed further into the hero illustrations on the site today. There are 50+ brand new illustrations, from heroes to spots for each page (or Play, as it’s referred to in the Playbook). Each concept uses the familiar color palette, texture, icons and zero gravity people to help narrate each activity.
Hero Illustrations
Spot Illustrations
Each spot illustration appears as a thumbnail for each Play on the directory page.
The Loop Illustrations
The Loop is a website filled with resources for teams to better communicate, and collaborate. Each page contains multiple illustrations in a simple, line style referencing a how-to booklet.
Spot Illustrations
Hand drawn lines reference team work and action moments, while the hands themselves bring organic humanity. Each spot illustration is used as a header to text.
Other Product Hero Illustrations
I had the opportunity to work on a variety of other products illustrating the heroes and more for each website.
