Crafting a Language System
       
     
Homepage-iPad-Iso.jpg
       
     
Retirement-iMac.png
       
     
Consumer-HP-3xiPhones.jpg
       
     
Retirement-Laptop.png
       
     
Homepage-iPad+Phone.jpg
       
     
Web Components
       
     
Component-1.png
       
     
Component-2.png
       
     
Component-4.png
       
     
Component-6.png
       
     
Component-7.png
       
     
Retirement Application
       
     
 An example of the Design Language System extending from the Consumer website into other applications.
       
     
Selfie Quote Application
       
     
SelfieQ-Face.jpg
       
     
SelfieQuote-iPad-Iso.jpg
       
     
Financial Tracker
       
     
Tracker-Laptop.png
       
     
SelfieQ-DLS.png
       
     
Crafting a Language System
       
     
Crafting a Language System

Over a six month period, I was tasked with producing web guidelines from pre-existing designs AND to create, develop and deliver a future-facing Design Language System (DLS) that would stretch across multiple products and services. Working closely with UX, BA, stakeholders, developers and senior management I crafted concrete and lasting visual solutions.

Homepage-iPad-Iso.jpg
       
     
Retirement-iMac.png
       
     
Consumer-HP-3xiPhones.jpg
       
     
Retirement-Laptop.png
       
     
Homepage-iPad+Phone.jpg
       
     
Web Components
       
     
Web Components

A range of visual design elements for the Consumer website.

Component-1.png
       
     
Component-2.png
       
     
Component-4.png
       
     
Component-6.png
       
     
Component-7.png
       
     
Retirement Application
       
     
Retirement Application

A Responsive question and answer tracking tool to assess your future pension health.

 An example of the Design Language System extending from the Consumer website into other applications.
       
     

An example of the Design Language System extending from the Consumer website into other applications.

Selfie Quote Application
       
     
Selfie Quote Application

I could rapidly design and iterate any new product using the burgeoning DLS. Here, the Selfie Quote tool uses face recognition and AI to build a tailored monthly quote.

SelfieQ-Face.jpg
       
     
SelfieQuote-iPad-Iso.jpg
       
     
Financial Tracker
       
     
Financial Tracker

As awareness for the new language system grew, other areas of the business were keen to be involved. As with the IFA Tracker tool above, new features would be added to the DLS from approved designs, creating a living document.

Tracker-Laptop.png
       
     
SelfieQ-DLS.png