I decided to make two wireframes after receiving content from the writer assigned to this project. The basic one, was an overhead view to get a sense of how the content would flow. Another wireframe was later built in InDesign with the content added.
Typography and colors were used from the already established brand identity guide of Rachel Cruze. Gold is used throughout the pdf(s) to highlight key information in order to help users skimming through the results.
Components were broken down into individual artboards contained in a separate Adobe Illustrator file. This allowed me to quickly and easily export each component to whatever specifications our development team needed.
To help users digest the amount of text contained in the assessment, page breaks were added to organize the content into sections. Each page break contains a title, part # (1-7), and a brief summary of the upcoming section.
Bar graphs were created as a visual aid to help users see their results. Each white dot on the graph contains a different blurb of text depending on the user’s questioniarre. Icons were added after the initial round of user testing to help keep users engaged while reading their results.
8-pt soft grid. Uses multiples of 8 to define dimensions, padding, and margins for elements.
Industry pages consisted of over 32 different landing pages based on a specific industry such as, accounting, legal, sports, and travel. Each landing page follows a template with the look and feel customized to the associated industry. This customization includes: hero images, logos created by me using LogoGarden’s logomaker, and logos displayed in real life instances.