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.
Each spot hero depicts the functionality of each group of products. Abstracted UI elements, people avatars and arrowed lines indicate movement and progress.
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.
The Platform website has 3 sub pages that showcase teams working on complicated systems and finding solutions.
The spot illustrations interpret each concept succinctly through color, shapes and line.
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.
Each spot illustration appears as a thumbnail for each Play on the directory page.
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.
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.
I had the opportunity to work on a variety of other products illustrating the heroes and more for each website.