Git Guide

Role: IA, UX/UI, motion design, visual design

Atlassian had a gold mine of tutorial content around the Git workflow and was looking for someone to reshape it into an elegant resource for developers wanting to learn about Git while also showcasing their appreciation for the craft of code.
 
Digging into the articles, we realized that the current structure wasn’t very intuitive. So, we decided to pull everything apart, reorganize all the content and then build that system into the new site structure.

Early iterations

After exploring different entry points for users and various navigation patterns, we landed on a fluid and intuitive workflow which revolved around a powerful search.

To elevate the experience into something a little more engaging, I personally re-created over 100 illustrations to accompany each tutorial.

The project proved to be a great exercise in designing an efficient digital learning environment while at the same time exploring the boundaries of Facebook React.