ghostfoodtv @ gmail.com
ghostfood.tv/

DESIGN

Visual design, UI-UX and front end development by Steve Mannion

Filter to show

BP Educational Service

As a contractor with EdComs from July to December 2017 I led the redesign of BP's Educational Service website producing UI mock-ups, guidelines and components (including iconography and decorative imagery) plus a homepage demo in browser. The site relaunched in April 2018 and offers educational resources for schoolchildren and young adults. This project involved working with sophisticated brand guidelines for a large global corporation and an impetus to provide a responsive website with a modern, dynamic look and feel.

Adobe CS
Invision
HTML 5 & CSS 3
Javascript (for demo)
Style guide

EdComs - Various

Work as a contractor with EdComs from July to December 2017 included the design of websites and email templates for BP and Start Profile plus website components for the Premier League's Primary Stars initiative and Public Health England.

HTML 5 & CSS 3
WordPress
Sketch
Adobe CS

At A Glance

A project bringing collections of data together for greater convenience and analysis. From chronologies to ranked tables and statistical results - across categories such as People & Politics to Culture & Entertainment, Sport & Recreation to Travel & Transport.

This is a personal project reflecting my interests in statistics, data visualisation and the subjects covered as well as my skills in web and information design.

HTML 5 & CSS 3
jQuery
Bootstrap

DUAL Group & My Legal Indemnity Shop

The presented screenshots and artwork for My Legal Indemnity Shop include wireframes and prototyping in-browser based on initial user needs and technical requirements, plus examples of the CSS customisation per client.

The UI for this product was developed over four months working from the original specifications but flexible enough, via CSS, to accommodate later changes and new features.

HTML 5 & CSS 3
Angular
Node JS
Bootstrap
Umbraco
BitBucket
SourceTree

The National Archives

Between 2011 and 2015 I was a Designer and Developer at The National Archives providing graphics, CSS, HTML, jQuery, UI and UX expertise for a variety of this large government organisation's microsites and one-off projects contained within the main website.

WordPress
Adobe CS
HTML 5 & CSS 3
Visual Studio
GIT
PyCharm
Basecamp
Trello
Agile

Ultramix

An extremely ambitious multimedia project I have been working on since 2004 to provide a series of DJ mixes for each year from 1990 to 2009 with a lavish website providing details for each mix.

jQuery
HTML 5 & CSS 3
Adobe CS
Sony Acid
Sony Sound Forge

Freaky Trigger

I created and maintain a responsive WordPress theme for this popular pop culure blog which has been active since the turn of the millennium.

WordPress
PHP

UK Chart Hits

I created a new Music section on my site for playlists and mixes including a series of pages listing every UK singles chart hit since 1952 accompanied by a Spotify playlist for each year.

Bootstrap

Business beermats / Commerce coasters

Shameless self promotion but a rare foray these days into designing for a physical object.

Illustrator

BeBreeZee weather icons

A set of flat colour icons available to buy on IconFinder and in use on the At A Glance website.

Illustrator

Walter

Experimental artwork/poster design.

Illustrator

PieChArt 1

Poster design and experiment in colour coding and arrangement.

Illustrator

Abominotions

Artwork for self-made mash-up DJ mix collection.

Illustrator
Photoshop

Self portrait

Trace of photograph using blended paths.

Illustrator

Mind yourself

Poster design inspired by an old Ryohei Kojima poster seen on ISO50.

Illustrator
Photoshop

Ultramix promotional artwork

Poster design featuring triadic colour combinations allocated for each edition of the series.

Illustrator

Let's have an adventure

Experimental artwork/poster design.

Illustrator
Photoshop

Experimental poster designs

A series of four.

Illustrator

Typeface concept

Characters drawn from scratch in Illustrator using a small selection of curved shapes to ensure consistency.

Illustrator
Lightroom

Blood on the dancefloor

Experimental artwork heavily influenced by the work of Olly Moss.

Illustrator

Ghost Food promotional artwork

Original logo created with Illustrator and animated using Premiere.

Illustrator
After Effects
Sorry, no results could be found matching the criteria. Please adjust your selection.