Atlassian

Template design / asset management / Production Design / photo editing

As a designer at Atlassian, it was my job to build dozens of Illustrator and Photoshop templates to aid designers in asset creation. These templates included instructions on usage, design guidelines, and multiple artboards with alternate layouts.

In addition to creating these templates, I meticulously documented their use and location on the Atlassian server and recorded several Loom video walk-throughs.

This was a challenging job for the sheer diversity the work. Templates spanned the Atlassian brand, from web advertising to oversized print banners for on-site events. My phenomenal Atlassian team provided feedback, constructive criticism, and usability testing on tight turnaround. The end results are production templates that will help the company create on-brand assets much more quickly.

Tools in the template

Templates included tools to speed things along. For example, I used Illustrator Symbols that could be updated across multiple artboards, saving designers time and effort. Backgrounds could be swapped with a single click. Colors and type changed within seconds. Multiple paragraph styles were created to quickly reformat text to conform to brand guidelines. Additionally, layers were meticulously organized, containing alternate layouts and assets. Crucially, a locked “directions” layer was layered above to aid in use of the template, as well as an anatomical breakdown of elements.

DESIGN GUIDELINES

Guidelines covered all potential usage, including text styles, graphic assets, headshots, color and margins. Where applicable, they included links to assets or further guidelines.