Tag Archives: annual reports layout

Assignment 5: the 8-page Annual Review

This is an 8 page ‘annual review’, which I’m anticipating will be printed as an A4 booklet, medium quality. I’ve designed it as a spread to be printed double-sided onto A3, folded and stapled.  The covers need to line up therefore. It also needs to work as a downloadable pdf document.   As I’m trying to decide if my design process is really working,  this is a step-by-step pdf history of how I put the report together:
GAFS report v1
GAFS report v2
GAFS report v3
GAFS report v4
GAFS report v5
GAFS report v6
GAFS report v7

At this stage I made some more changes and reviewed it… Review point notes
And this is the final version: GAFS report v8 – final version

final front page layout

The statistics: the infographic on page 5 is part of the brief to make the financials look a bit more interesting. There aren’t enough items to play with really (4 for the income, 3 for the spends) so my idea was to use a basic recognisable graph convention > block graph, bars, pies – and illustrate it with a piece of furniture in relative sizes – these were the tryouts:

1st graph layout for income and expenditure

2nd graphic layout for income and expenditure

Basically, the block graph doesn’t make for very interesting shapes, and the bar graph wastes a lot of space, and looks tedious… decided to turn the bars round to fit the page space better, see below. The furniture shapes were added for emphasis later, on the page layout > see page 5 in the final version, above.

3rd graphic for income and expenditure

A note on fonts: I’ve used Century Gothic as the lead display font – also chosen for the (final) logo as it looks nice and clean and balanced with that particular set of characters. My second display font for the annual review is Chaparral Pro – as a heavy and chunky contrast, it’s mainly used for the ad on the back. The body font for print material is Myriad Pro as it works best at small sizes (Century Gothic doesn’t) – so this also works for the business cards and headed paper. I’ve used (safe choice) Verdana as the the body font for the web page. I’ve also used Minion Pro for the annual review footer (not sure why) and Stencil Std Bold for chunky-and-legible numbers on the stats graphic. Century Gothic numbers are a bit pathetic (in this context anyway!)

Assignment 5: Furniture recycle projects – annual reports compared

I picked out four of the published annual reports for these projects to have a look at.

The Furniture StationFurniture Station Annual Report 2010

Cover images: full page of woman sitting on chair looking a bit needy. Inset photos of men fixing and moving furniture, a delivery van, and the same woman sitting on a sofa looking happy. The slogan is ‘Supporting people to turn a house into a home’.  The layout is professional,  style is consistent throughout, solid fresh blue and green colour scheme, simple typography, and black body text on white or tinted boxes. Illustrated with photos of furniture and people at work. Statistics are presented as brightly coloured pie charts. Lots of lists, various techniques to present them a bit differently. Boxed case studies. Fairly functional professional presentation > does the job.

Wesley Community FurnitureWesley Annual Report 2009

the building street viewProbably produced using a wordprocessing package, one and 2 column layout with inline photos and boxed accounts summary. Generous margins, the narrative section has big blocks of text and works well, but it gets messy on the last two pages where the lists are. This is where you need visual aids to make it a bit more readable – and deal with those default blue hyperlinks. Photos describe the building, activities, the furniture, renovating, sofas in the road, and the van. They make it look busy, friendly and fun to work there. It works, and it would be interesting to ‘professionalise’ it and make it glossier and shinier – and then see if it conveyed the same message.

Question > how much does the funding environment dictate the report style (as distinct from content).

Re>buildRe>build Annual Review 2011

This is similar to the Wesley but a bit more ambitious in the design. Layout is black on white, it uses a lot of boxes and a black footer (white text). Front page titles follow the style of the logo as close as they can – colour, font and stylistic use of ‘>’. Lots of lists and varied bullets. Use of angled photos, describing the organisation in a similar style to the Wesley.  As with the Wesley report, the people page is messy >there’s an issue here with not enough text to give it shape without some visual aids. Similarly the visual representation of the numbers page (that uses loads of clip art) – this could be ‘designed’ – but how little design would you need to improve it without changing the nature of it? Also, I don’t know if it’s designed to be printed or read on screen – I would want to tone down those black footers if it was intended to print it.

statistics with clipart sofa and person

Shepherd’s Bush HousingSBHG annual report 0910

At the opposite end of the scale, here the furniture store is just an aspect of a much bigger and wider service. This is a shiny and glossy production, it’s totally depersonalised, but technically looks quite nice. It’s designed to print (expensively) on the sort of paper the black will work on, it’s square, it uses a mock hand-drawn style, and the statistics are neat. Lots and lots of jargon. It’s interesting to see how the design resolves the layout difficulties of the people section by grouping and balancing the lists across the page.

drawn diagram - employees focus commitment integrity

Lessons to learn: consistency of style, make style appropriate to the scale of the organisation and it’s environment, no clutter, keep it simple, be careful with the lists.