Design Archive

A logo with a colorful umbrella and the words "Legal & General" underneath.

I worked for Legal & General, one of the UK’s oldest and largest insurers, on two separate occasions in recent years. On both, I’ve driven change through evolving their design offering business-wide and, in particular, developing comprehensive structures and language systems.

Mathematical graph with multiple intersecting curves, grid lines, and labeled axes.
A colorful diagram illustrating the Fibonacci sequence with the golden ratio, featuring spirals, grid lines, and color-coded sections in blue, green, gray, and red.

I was detailed to be a bridge between our internal designers and the global agency, SuperUnion, who would be assisting Legal & General.

From this merger of internal and external resource, the team would go on to develop Canopy, their design language system.

Creative Direction
Visual Design
Design Systems
Web UI

Stylized abstract illustration of an open umbrella with multicolored panels in a geometric artistic style, overlaid with circles, grid lines, and color-coded outlines.

Experimental: Creating an Invisible Framework

Web page layout with a smiling child in the rain, a yellow callout box with a message, and a red section about responsible investing, with social media icons and navigation dots.
Webpage titled 'Legal and General Stories' with a large image of a young girl with curly hair wearing headphones, holding and looking at a tablet. Text on the webpage promotes investments, including a link to download a guide and a button labeled 'Invest with Legal and General.'
Laptop screen displaying a mortgage calculator website with yellow and black design elements, a circular image of a building, and input fields for age and property value.

Web UI Concepts

An Apple iMac computer displaying a webpage about retirement planning with images of families and buttons for financial options.
Two smartphones displaying retirement stories; the left phone shows a red screen with the text "Retirements The Freedom to be you, Andy" and a small umbrella icon, while the right phone shows a woman with gray hair looking to the side and a red header with the text "Compelling lives, impactful stories."
A white tablet and a white smartphone on a wooden surface displaying financial planning and calculator apps, with the tablet showing retirement planning information and the phone showing a calculator app for estimating retirement income.

Advisor Academy Responsive Web

Two iPhones displaying a podcast app on a light grey background, one showing a list of podcasts with a play button, and the other showing a webinar interface with a video thumbnail and playback options.
A white tablet displaying an online education platform called Advisor Academy with videos and a welcome message.
Line graph with icons of an apple, coins, piggy banks, households, and a lightbulb, illustrating financial growth, savings, and sustainable living.

Group Data Services

Three posters with circular line designs; the left and right posters have x-ray images of human skulls, the center poster has a pink and white gradient background with a circular line pattern.
Five stylized geometric designs with overlapping colored petal shapes in red, blue, green, and yellow arranged in a horizontal line.
Pink triangular logo with white lowercase letters 'rb' inside.

Hired by Frog Munich to create a responsive, iterative, and scaleable Design Language System, we pared down and simplified Reckitt Benckiser’s core message into clear, simple visual and typographical structures.

RB’s distinctive kite was utilised to provide a unique holding device, used with purpose to look into our everyday worlds and the products we all use.

Visual Design
Design Systems
Web UI

Diagram of a pink and white logo with the letters 'rb' inside a pink triangle, with geometric construction lines and angle measurements.
Multiple digital devices displaying website pages related to health, hygiene, and home, including iMacs, iPads, and smartphones, on a light grey background.
A white tablet displaying a webpage with a woman smiling and holding a pink folder, with Chinese text and a pink button.
Two smartphone screens displaying different apps: the left shows a calendar event for a general meeting at a hotel with options to get directions or add to calendar, and the right shows a financial app with stock investment details, including a child and an investor, and a stock graph.
Financial report on a tablet screen showing stock price and growth percentage for the year 2015 with a pink and blue gradient background.
Tablet screen displaying a chart of household cleaning products with the brands Vanish, Calgon, and an Arm & Hammer product, along with text indicating brand market share percentages.
Two iMac computers displaying a website about healthier lives and happy homes. The left screen shows a young girl in a colorful striped sweater reaching into a purple box, with the text 'Healthier Lives. Happier Homes.' The right screen displays a section titled 'Our Purpose' with text about the brand's impact.
Two children, a girl and a boy, closely examining an object outdoors, with the word "Responsibility" overlaid.
Pink speech bubble with white text reading: "Investor Relations: Whilst predicting steady growth in the 3rd Quarter, the marketplace urges caution."
Website homepage with images of people at a conference, sections for health, hygiene, and home topics, and links to annual reports, press releases, and presentations
Pink app icon with a white stylized letter 'S' in the center.

University On-The-Go

Campus Society, a social network start-up, focuses on collaboration and sharing amongst universities worldwide.

Tasked to establish their brand from the ground up, including visual and written communications and social media campaigns, I worked closely with a young and enthusiastic team. Our objective was to create the go-to app for students everywhere.

Creative Direction
Visual Design
Design Systems
App UI
Web UI

Side-by-side of the digits 6 and 9 in stylized font, with the 6 on the left featuring a night sky with stars and mountains, and the 9 on the right in warm, orange, and beige tones.
Periodic table of elements with colors and labels for Rhodonite, Ice, Petroleum, Topaz, Crystal, Chrome, Sandstone, Silicon, Graphite, Charcoal, Lapis Lazuli, Carbon, Slate, Agate, Opal, Ruby, Morganite, Amber, Gold, Emerald.
Close-up of a white smartphone displaying a social media app with channels and messaging options. The screen shows various channels related to fashion and culture, with a prominent red section stating, "Your Channels. Your Rules."
Three smartphones displaying different social media and content creation apps on a light gray surface.
Two smartphones showing a space-themed app interface; the left screen displays mission progress and unlockable character icons, while the right screen shows recent user activity and achievements.
Digital badge notification celebrating John's achievement as a super-trooper, featuring a stylized icon of a stormtrooper helmet, with a blue button labeled 'Publish my Channel.'
Notification message saying 'Hello Space-Hopper. You've been rewarded for recent activity', with a smiling alien icon on a blue background.
A mobile app interface titled 'Animation Project' with a dark blue header and a grid icon in the top right corner, on an orange background.
A white tablet displaying a website with images of a skull, people in a crowd, and a telescope on a sandy beach.
An iPad and an iPhone displaying a social networking app on a wooden surface.
Red diamond shape with white and red patterns

Working with the boutique agency, Fathom, I was asked to create premium app interfaces for HSBC.

Much of the work was experimental in its approach, pushing boudaries whilst adhering to the bank’s strong design guidelines. I also worked on web UI for their corporate site.

Visual Design
Design Systems
App UI
Web UI
Storyboarding

Tablet on a dark surface displaying a map application with a prompt to type a country name.
Tablet displaying a map data management interface with regions including North America, South America, Europe, Africa, Australasia, and Asia, on a dark background.
null
Tablet screen displaying a bank website with information about flexible savings, mortgage comparison tools, and deposit rate of return, with a background blurred outdoors.
Two smartphones displaying HSBC banking app screens, one showing personal banking options and the other investment information.
A boat floating on water with a Greek flag, related to HBSC credit card offers.
A stock market app displaying current market information with a line graph showing the performance of the DAX index, current time 4:50 PM, with sections for certifications, stock prices, and options, and tabs for different indices including TecDAX, MDAX, SDAX, and VIX.
Black and white sketch of a man on the phone, with comic panels illustrating conversations, sketches of landscapes, business meetings, and a person writing or drawing.
A black circular logo with the word "vero." written in white lowercase letters in the center.

Some older work for long-time client, Vero, an international specialist in HR and background screening. Printed brochures exquisitely executed by Generation Press.

Creative Direction
Branding
Visual Design
Design Systems
App UI
Web UI
Print
Presentation Design

Brochure with a photo of a woman with red hair and a beige shirt, smiling, alongside text about HR online employment verification and rehire service.
Close-up of a pink and white informational flyer about employment policies and checks.
Stack of black booklets and open flyers about employment screening showing blurred images of people in a professional setting.
Several folded brochures and flyers on a white surface promoting employment screening services and company values, with images of people and colorful sections of text.
Three smartphones showing employment screening and job interview content on their screens, with one displaying a candidate image, another showing a search page, and the third listing screening categories.
Collection of mobile phone screens showcasing a user interface for a job application or employment management app, including forms, document uploads, and date selection tools.
Close-up of a printed project management or process workflow diagram, featuring circular stages labeled 'SCRREENING CYCLE,' 'RESUBMIT,' 'ESCALATE,' 'ARCHIVE,' and 'AUTHORISE,' with colored sections and timeline markings.
Close-up of a black page with white and pink text, featuring a grayscale image of a woman in a blazer. The visible text reads: 'Innovation-led technology: simple, solutions, inspiring. Steve Woodhouse, Chief Technology Officer.'
Open magazine featuring a black-and-white portrait of a woman with long hair. Text on the page discusses client relationships, trust, and transparency.