Anishinaabe Abinoojii Family Services

Choosing the visual direction for the new AAFS website

All three directions use identical content, modules, photography and factual placeholders. Only the visual system, composition and interaction treatment differ.

Today’s review is about the visual direction. Content, photography, contact details and program information will be reviewed separately. Each concept is a non-interactive visual prototype, and its photography is reference imagery only.

The three directions

Desktop preview of Direction A: a full-width reference photograph of a misty lake behind a large serif headline, with two support buttons.

Direction A

Warm & Photographic

A warm, image-led direction: a full-bleed photograph carries the opening statement, with a serif display face and generous paper surfaces below.

Visual character: Warm serif display, full-bleed photography, bone and ink palette

View full concept
Desktop preview of Direction B: a compact header above a two-column opening with a sans-serif headline on the left and a reference photograph on the right.

Direction B

Structured & Direct

A disciplined, high-clarity direction: a strict grid, IBM Plex Sans throughout, numbered pathways and a deep green field over warm off-white.

Visual character: Structured sans serif, strict grid, deep green and warm off-white

View full concept
Desktop preview of Direction C: a very large serif headline on warm ivory beside a compact support and reporting rail, above a full-width reference photograph.

Direction C

Editorial & Story-Led

A typography-led direction with an editorial pace: oversized display serif, numbered sections and a compact support rail beside the opening statement.

Visual character: Editorial serif display, warm ivory, oxblood used only for risk

View full concept

At a glance

A factual summary of how the three directions differ. None is better or worse.

Factual differences between the three directions
ElementA: Warm & PhotographicB: Structured & DirectC: Editorial & Story-Led
HeroFull-bleedSplit layoutTypography-led
TypeWarm serifSans serifEditorial serif
NavigationLayeredCompactCompact
Page rhythmImmersiveDenseSpacious
PhotographyAtmosphericFunctionalNarrative

Share your feedback

Your selection and comments will guide the final recommendation and refinement.

Which direction feels most representative of AAFS?(required)
Which direction would you choose second?

Your first choice is not offered here.

Where this goes: your answers are stored in a private database for this project and are visible only to the AAFS project team and the design team. Nothing is shared publicly or used for any other purpose. Please do not include personal or case information.

No direction selected yet

Submit feedback