Fifth Third - GXL Style Guide

Fifth Third has a web style guide known as the Global Experience Language, or GXL. I had two tasks with the GXL. One was to organize a PDF version of it that consolidates and fixes some issues the initial GXL had. The second was to create an Illustrator-based toolkit that allows designers to easily create new UIs using existing UI elements.

This first gallery is just a few of the 36 pages that made up the GXL PDF.

This second, very large image is the GXL Toolkit I created in illustrator and showcases almost all of the UI components we used. This sped up our design process considerably. We could easily copy and paste UI elements from the toolkit into our mockups for easy modification.