Creative Process

The creative process

Mood boards – explore and articulate high-level creative directions

Lloyds_eP_Moodboard_Clean        Lloyds_eP_Moodboard_Dynamic        Lloyds_eP_Moodboard_Fresh

 

Sketch concepts – illustrate rough ideas for user journeys and key functional areas

Compare         Fragrance         Powerbrands

 

Marker visuals – start the process of developing a visual language of colour, form, typography, iconography and photography

AspenWeb_Fun_FunAv2       Fun_Dynamic       Simple

BBCGatewayMarker_Simple

 

Initial wireframes/wireflows  – start the process of mapping content and functionality

CasabuAffiliate_UserJourney      home-thumbnail        CasabuNectar_UserFlow

 

Clickable prototypes – help to communicate complex UI behaviour

Lloyds Arena - Module behaviour (PPT)
Lloyds Arena – Module behaviour (PPT)
Lloyds Arena - UI behaviour (PPT)
Lloyds Arena – UI behaviour (PPT)
Lloyds Arena - Final Design (PPT)
Lloyds Arena – Final Design (PPT)

Visual design specification – records the entire design system in detail

Brit Visual Design Spec (PDF)

Brit Visual Design Spec (PDF)