Toolkits


Client   ·   PWC Toolkit
Agency   ·   Prophet

 
pwc_logo_header@2x.png

Bespoke requirements for this toolkit involved ascertaining the limitations and potentials of existing library patterns and components, whilst providing an update for new ui elements. Based on an existing content management system.

 
GRID

GRID

COLOUR PALETTE

COLOUR PALETTE

 
HOVER STATES
 
 
 
Footer.png
Template 1: UI Elements.png
 
 
Logo.png

Client   ·   Nestlé Toolkit
Agency   ·   Poke

Pattern Libraries
Nestlé Pure Life made use of a bespoke build content management system. Design requirements involved creating new templates: of which modules / components exist with re-usable elements. Setting an online digital brand guide toolkit which had to align up with the provided printed brand guidelines.

 
TYPOGRAPHY

TYPOGRAPHY

COLOUR PALETTE

COLOUR PALETTE

Toolkit
FORM STYLES

FORM STYLES

BUTTON STYLES

BUTTON STYLES

ANIMATION TRANSTIONS

ANIMATION TRANSTIONS

BUTTON STYLES

BUTTON STYLES

DROP ANIMATION

DROP ANIMATION

Illustration – G.jpg
Icons – A.jpg
Icons – B.jpg
 
Product-Detail-8-oz.jpg
Product-Detail-5-Gallons.jpg
Product-Detail-3-Gallons.jpg
Where-to-buy.jpg
Where-to-buy-02-Map-Results.jpg
Product-Detail-1-Gallon.jpg
 
vv-logo-red.png
 

Client   ·   Virgin Voyages Toolkit
Agency   ·   Poke
Role   ·   Design which includes the Toolkit

 
Example
Example
Teaser module

Teaser module

Icons

Icons

Highlight module

Highlight module

Hero module

Hero module

Mobile Typography

Mobile Typography

Desktop typography

Desktop typography

 
vv-logo-red.png
 

Pattern Libraries
Virgin Voyage designs were catered around a pre-existing content management system. Design had to be around existing modules and libraries developed prior. Each component had various versions making use of the same base structure.


Sketch Libraries using Abstract
Tools used for sharing Sketch libraries, symbols and styles have been Abstract. For Virgin Voyages I've set up the file structure whereby libraries / styles and files can be shared. Abstract – not very well known yet –  is a standalone application which works alongside Sketch. Fairly new on the market but good for using with large projects and multiple users. More here goabstract.com

 
 

Please do not share or reproduce without the expressed written consent of the author.