Humans VS Animals

Infographic Poster

Design 1 Plan

For my first design, I wanted to simply expand on and improve the can they had now. The can design they had for the 8 classic flavours had nice colour changes between flavours but was very simple. I thought it might look more interesting to use gear teeth shapes to separate different areas. I also wanted to incorporate some machine parts to reflect the brands engineering aspect, so I drew a screw and small gear to create a pattern with.

Can Designs Conclusion

This portion of the project was successful and went pretty smoothly as I didn’t encounter a lot of hiccups along the way. Peers seemed to be impressed by the new designs and agreed they were an improvement from the old can. The goal of creating a more eye-catching look that honoured what Broadhead Brewery was all about was achieved.

Layout Sketches

I began to sketch different layout ideas around how to best divide the information. Most were standard box shapes but I did design one that was split up diagonally. I also noticed the What is the Difference? section had some statistics that were examples of intelligence in animals, while others were more examples of emotion in animals. Noticing this, I thought drawings of a brain and happy/sad theatre masks would work here. Using arrows to point towards these illustrations would also be an easy way to direct the viewer.

The Biodiversity section had numbers ascending in size so it might be helpful to display the text/images also growing in size. I had similar ideas for the graph in the Almost Outperformed section.

Rough Layouts 1

After some feedback about which layouts worked best, I developed 2 of them further. Here I added the text and created illustration placeholders to figure out the best way to arrange the information. I also tried grouping the information around similar animals. For example, 3 of the animal facts were about primates, so I grouped them all together thinking a single illustration here would work for all. This stage was also helpful in realizing how much area certain sections and paragraphs needed.

Rough Layout Refinement

I received some feedback that the diagonal style layout was eye catching and worth pursuing, but needed some changes. Some of the issues were the Biodiversity section feeling out of place in the middle of the layout, and splitting up the Almost Outperformed section between the top left and bottom right was confusing. I drew another sketch addressing these issues that reworked some of the illustrations and section shapes/sizes.
 
I used the new illustration to create a rough layout with text and image placeholders that were more detailed. This gave me an idea of what illustrations would be needed and exactly what shape to draw them in. This also gave me an idea of what font sizes and look the text would have. I also wanted to make sure to have any important number or statistic large in size for emphasis. Here the title was also further developed from previous sketches and layouts.

Design 2 Finalized

The next step was to digitally trace my sketch to create a clean blueprint design. I added dashed lines and arrows and tinkered with the various objects locations and scales within the drawing to create a pleasing arrangement. I also added the logo in the middle as a solid shape to stand out among the surrounding outlined objects.

For the final design, I added a grid behind the blueprint objects to create a proper blueprint look. I also chose colours that reflected Broadheads brand and flavour of each specific can.

Colours, Typefaces & Title

I wanted to use natural, earth colours as well as some brighter colours for contrast and emphasis. I found a pink, green, blue and brown that looked good together, and matched it with an and orange that really popped against them. I wanted to keep the typography simple, so I chose a straightforward bold font for the headings, and an easy to read serif font for the body.
 
For the title, a brick style pattern was used for HUMANS, and a similar leaf/scale pattern for ANIMALS. After further infographic iterations and feedback however, this was removed for a cleaner, more legible solid colour look. The brown background also helped with readability and visual interest.

Version 1

Version 1 turned out successful in some aspects, but still needed a bit of work. The variety of illustrations and colour harmony worked well to create an attention grabbing design. Using the orange and green colours to emphasize important statistics and unify the section titles worked well. Aligning certain elements helped to create structure, while letting some areas float free added excitement. Having some illustrations break out of their sections also created a more dynamic look.

The text in some areas was too close to other elements or looked awkward so that needed fixing. The title was also a bit messy and hard to read so that was fixed as mentioned previously. The bottom area seemed a bit empty as well, and the Biodiversity section needed to be scaled, aligned and spaced in a more pleasing way.

Changes

Shown here are the changes made to the first version to create a final version that was deemed successful:

  • Changed the blue colour of the illustrations to a water texture for added pop
  • Aligned the Almost Outperformed title to the left margin and gave more space to the main title
  • Cleaned up the main title
  • Aligned the speed graph text to their numbers better and made them all 3 lines tall
  • Gave the text more space around the arrows in the 2 bird parts
  • Changed the Distance/Communication Range heading to create space
  • Made the text in the Sense of Humor and Self-awareness parts fit better
  • Gave the Biodiversity section more room on the left, and aligned the illustrations to the right
  • Changed the arrow patterns in the masks illustration to match the other arrows and contrast against the orange ribbons
  • Moved the dolphin drawing to fit better, added the elephant drawing to the Emotions part to match the text and add more visual interest

Final Version

The feedback I received was positive, and the project was successful in relaying information in an understandable, easy to read, unique, and eye-catching way. Anybody looking at the infographic can easily see the information divided into distinct areas, and are immediately intrigued by the emphasized numbers, leading them to read more about what the numbers represent. The illustrations and colour harmony also help to pull viewers in.