Welcome to everything digital. Here you'll find lots of things I've worked on that involved a lot of pixels and design for screens, web, some social and UI. Feel free to click on things that you'd like to explore.


THE OPEN UNIVERSITY

Below are some examples of digital designs I've completed for The Open University.

 

Facebook Canvas

As part of the wider Dream, Believe, Succeed campaign, I created a beautiful experience exclusively for the Facebook Canvas environment used to target and garner interest to those without prior knowledge of The Open University.

Click the above picture to read more on the Facebook Canvas design and how it was made

Click the above picture to read more on the Facebook Canvas design and how it was made

How the images display on mobile and tablet

Above and below show the different colour variations that were used, to fit within The Open University's Dream, Believe, Succeed brand. 

This video shows typical usage of the Facebook Canvas ad. The one shown is the 'BELIEVE' variant.

 

Web Banners

Some web banner gifs I designed for The Open University

 

Credits & Courses Redesign

A conceptual piece made to show the wider qualifications The Open University offers.
Designed to be used on social channels and other digital executions.

From this...

...to this!

I even made an animation for it! Click the pop-out button to view in fullscreen.

 

Landing pages

Here are a few landing pages/wireframes I've designed, showing different styles and layouts of
current pages. Click to enlarge...

This is the current layout of the International Landing Page – using the old brand styling and visuals

This is the current layout of the International Landing Page – using the old brand styling and visuals

Here, I've bought it more in-line with The Open University's current look by using colours and typefaces from their new DREAM, BELIEVE & SUCCEED branding.

For the 3rd concept, I've fully reimagined what the page would like with a full current-brand makeover. Includes a different layout, updated imagery and iconography, and a clear representation of the current brand.

Click to explore more on the landing pages

Click to explore more on the landing pages

 

WIREFRAMES

Some rough wireframes I've made showing different potential layouts of the same page

The existing page. The fold is based on a full screen browser at 1920 x 1080

The existing page. The fold is based on a full screen browser at 1920 x 1080

Here we have an alternate layout mock-up showing a slightly re-arranged and condensed version of the original page

And here I've taken a bolder approach with a large hero image and simpler following layout


OUTSTANDING WEB

Below are some examples of websites and HTML email templates designed for various businesses and local schools.

Dolphin School

Dolphin school is a small private school that needed a new website. Below are the concepts I developed.
Each landing page concept has slight design variations with different layouts and features.

Concept A

Concept B

Concept C

 

Goodwyn School

Similarly, Goodwyn School also needed a new website as their current one was...very old. These are some ideas I had for concepts. Click to explore the concepts and their inner pages

Concept A

Concept A

Concept B

Concept B

Concept C

Concept C

 

Ellis Training - LIVE

Ellis Training desperately needed a modern website that reflected their industry leading training in refrigeration, air conditioning and heating. Below shows the before and after.

Before the website re-design...

...and here is after! Much nicer. Click to view inner pages.

...and here is after! Much nicer. Click to view inner pages.

 

HTML Email Designs

Here are some HTML emails I've designed for a few companies/businesses.

DPS Solutions. Specialising in franking machines – click to view more

DPS Solutions. Specialising in franking machines – click to view more

Distinction Group. A high-end furniture retailer for hotels & home. Click to view more

Distinction Group. A high-end furniture retailer for hotels & home. Click to view more

Daro is a company that sells high end kitchen fittings and furniture. Click to explore the email layouts in full

Daro is a company that sells high end kitchen fittings and furniture. Click to explore the email layouts in full

 

KABOOM STUDIOS

Here're some digital things I've completed while working with the agency Kaboom Studios.

Siphon ApP

Siphone is an app I helped design and developed by Thought Machine. It's main goal to help with everyday savings and helping to achieve financial goals by 'siphoning' small amounts of money from your everyday spend. See below for examples.

Wireframes

Some wireframes used to show the on-boarding process of Siphon

Continuing the on-boarding process

Screens

Based on the above wireframes (and others), I developed the screens below...

Motion Graphics

Here're some motion graphics I did for Siphon. You can see some examples and explanations of how the app is designed to work. Pop  out the videos for a larger view

 

Siphon Podcast

I also made concepts and designed a 'podcast' section for Siphon. This is where you'd go to get clued up on everything Siphon, investment and savings and how it all works.

Some super early sketches of how I envisioned the podcast section to look. Clearly – I'm not an illustrator.

Here are the screens I designed from the sketches!

Here are the screens I designed from the sketches!

Click on either screen to view all of the screens

Click on either screen to view all of the screens

 

Revver

Revver – Another savings/financial app. See below for some things I worked on for Revver.
Also, if you hear music, I worked on that too!

 

Exedra

Another concept financial app, I helped with the motion graphic side of things. Siphon, Exedra and Revver were initially designed to be apart of the same ecosystem

 

My In/Out

A concept finance management/accounting app, designed to give you an at-a-glance view of you incoming/outgoing finances. At the time, this was designed for Santander DARE.