close

cancel

Work

  • Canon Interactive Installation

    TMW Unlimited were tasked in building an interactive installation for Canon on the technical side. Phase two of the project involved a redesign of the original interface / UI to improve from the original, and include requirements for future use within a retail environment.

    My role as a designer involved working closely with UX to identify improvements throughout for a better experience, and to keep the sharp clean style of the original. Applications and skills used during the project: Photoshop, and Illustrator.

  • Design preview
  • Prince’s Trust #partofPT

    To mark the 40th anniversary of the prince's trust, an online hub was created for those involved to share their memories and experiences to highlight the size of the trust. The campaign was powered by the Twitter platform hashtag’d to link users video and images into galleries for others to share and add.

    My role as a lead designer on the project, involved creating designs that had a clear hierarchy, creation of extra modules and UI that matched the parent site, and were within restraints of technical requirements. Making sure information and instructions in all pages were presented within the design clearly for a wide user age group. Applications and skills used during the project: Photoshop, and Illustrator.

  • Design preview
    View website
  • Sony Xperia X Pre-order

    Notified users wishing to be updated about the pre-order of the latest Sony Xperia would receive this email. To really catch their attention I created a simple gif animation for the header using footage from media linked to the campaign to create a intro transition.

    Using simple stacked modules with full colour bleed backgrounds ensured recipients would get a similar experience on both desktop and mobile with the responsive template. Applications and skills used during the project: Photoshop, Illustrator and After Effects. HTML / CSS for presentation of concept.

  • Design preview
    View email

2015

  • Barilla Global Platform

    With many operations across the world, the websites lacked consistency with each region. TMW Unlimited was asked to come up with a global solution for markets to use. The team adopted a user centered design approach, identifying various personas and their requirements. The design of modules were heavily reviewed and tested throughout.

    I was involved in many sprint sessions throughout the project, working closely with UX and Development to be sure our ideas and solutions were possible. Getting an insight into what websites appealed to the client, the initial creative process started with forming three style tiles, to present three possible design routes using that inspiration to get very close to the vision Barilla had in their minds sooner within a very big project. Applications and skills used during the project: Photoshop, and Illustrator. HTML / CSS for presentations during sprints.

  • Design preview
    View website
  • thebar.com Campaign Page

    To highlight Diageo’s brands over various points of the year, required the creation of a reusable campaign page to match closely the other forms of advertising and marketing released at that time. The focus for the initial creation used campaign material planned for the summer of 2015.

    I was tasked with the UX and design on this brief, to form reviewed wireframes after discussions with the client over various requirements. I worked closely with development after to be sure my solution would work within the backend of the site and the browsers the parent site targeted and how to present the campaign clearly for mobile users. Applications and skills used during the project: Photoshop, and Illustrator.

  • Design preview
    View website

2014

  • Christmas Tracker

    For the leadup to Christmas in 2014, I worked with another designer and developer at TMW on a side project to track christmas terms used on twitter. Starting off with a list of words / terms we illustrated many characters and objects best to suit those and then housed them within a scene that zoomed when the user scrolled. To keep everything crisp and sharp our creations were exported as SVG.

    The project took around three weeks to produce outside of work, just in time for a launch at the start of december, using Google Drive to share and collaborate with assets. An option to kindly donate to the charity Shelter was also added. Applications and skills used during the project: Illustrator.

  • Design preview
    View website
  • Virgin Trains, Arrive Awesome

    To push more ticket sales, the Arrive Awesome campaign covered TV, press, outdoor, social, and digital advertising. Online the campaign resulted in 25 million online impressions, and the campaign on a whole increased revenue by £13.5 million. With my experience in Flash advertising, this was to be my first introduction to HTML banners on the build side.

    It was an immense challenge in getting everything to run correctly across multiple devices and multiple browsers, and to match the storyboards exactly. Workarounds and solutions were aplenty, and solving issues was very satisfying. I learnt a great deal about javascript development from this project, while working within the development team, and thankfully have never relied on jQuery again! Applications and skills used during the project: HTML, CSS, SASS, and Javascript.

  • View banners
  • Ofgem goenergyshopping.co.uk

    With Ofgem bringing in changes to simplify the energy market, TMW were tasked with creating an online hub of information for the public about these and future changes planned. With a user age range of 18-80 meant ease of use was mandatory across all pages. Colours were contrast checked throughout the design process to cater for as many as possible at AA standard.

    A friendly vibe was incorporated into the design with strong use of colour, and SVG Icons that sat with their relative article to avoid lots of FAQ like templates. I worked as a Lead designer and Illustrator throughout the project, working closely with development and UX at many stages. Applications and skills used during the project: Photoshop, and Illustrator.

  • Design preview
    View website
  • Sure DO:MORE

    To push the DO:MORE branding of Sure deodorant, TMW covered POS, social, ECRM, print, and a TV ad with this campaign. Focusing on summer festival tickets achieved through competition codes. My first task involved the creation of the online hub and keeping a premium, easy to use style from the landing page, all the way through to the submit form.

    I was heavily involved in the creative for online advertising after the hub design. To target as possible, the accompanying media was built both in Flash and the Celtra ad platform to allow rich animation on mobile and tablet devices using html / css. Altogether the campaign achieved 39% ad recognition and one million social impressions. Applications and skills used during the project: Photoshop, Illustrator, Flash, and Celtra.

  • Design preview

2013

  • Infiniti Website Relaunch

    While the Infiniti.com website was being built for Europe, TMW were asked to create a brand hub to fill the gap in between and overhaul the current site used for the region. Design, UX and development worked closely within a small team over a period of a few months to be seamless in creating the site.

    A key requirement was to present the user with information that was considered yet organised, and to avoid being text heavy. Focusing on full bleed imagery to highlight the premium products Infiniti were creating. Clear navigation, easy on the eye, and a strategy to simplify the user journey and to increase user engagement to eventually submitting their information for a possible test drive. User base for the site increased by 26% compared to the previous hub. Applications and skills used during the project: Photoshop, and Illustrator.

  • Design preview
    View website
  • BBC iPlayer

    This brief was part of a pitch within the BBC, over methods on how to monetise parts of the iPlayer outside the UK for oversea customers, similar to subscription services and iTunes. Taking the strategy and user journey on how this could be a possibility, my task involved bringing this to life within the design of program landing pages on the main BBC website, while working closely with an Art Director and UX.

    I had to balance usability and cosmetics to keep a page looking rich and appealing with full bleed backgrounds, while being easy to use for multiple personas. Keeping the BBC brand and careful consideration to UI and CTA’s. A strong focus on designing for tablet use was a requirement throughout. Applications and skills used during the project: Photoshop, and Illustrator.

  • Design preview

2012

  • thebar.com

    The first brief I started on when joining TMW soon became the biggest too. Diageo’s theBar.com at the time existed only in the US as a cocktail recipe site. A release planned for Europe allowed an opportunity to redesign, and rethink the entire user journey completely, from page layout right down to the UI. Working with an Art Director, and UX helped to keep the balance of a premium yet usable site.

    Brand awareness was in union alongside clearly presented cocktail recipes and never overpowering. After launch results were impressive too, 300,000 average visits a month, with 50% of traffic from portable devices, and over 100 social shares a week. Applications and skills used during the project: Photoshop, and Illustrator.

  • Design preview
    View website
  • Dulux Help Book

    A rich media campaign built in multiple sizes in the form of a retail booklet showing the vibrancy of Dulux paints. The user can flick through each page scene and clicking through to obtain a test pack of the colour used within the background photography. My role on the project involved layout design and initial storyboard, right through to animating and programming the media placement in Flash for DoubleClick. Applications and skills used during the project: Photoshop, Illustrator, and Flash. Developed in actionScript 3.0.

  • Design preview
    View Flash
  • It’s Good To Know by Google

    Google presented many tips on how to stay safe online with personal information and security. To push that message further came in the form of a book that existed in various rich media placements. Artwork and illustrations from the campaign were all included to give a sketch book aesthetic to the overall design. Page turning of the book was refined and tested to keep the experience as rich and realistic as I could.

    Along with a system that loaded in the pages dynamically to help filesize restraints with the media space. Different languages were also required for the campaign to run in Europe too. Applications and skills used during the project: Photoshop, Illustrator, and Flash. Developed in actionScript 3.0.

  • Design preview
    View Flash

2011

  • Team GB, adidas

    In the run up to the Olympics in 2012, adidas wanted to release a new line of Stella McCartney designed sportswear. To create interest and provide information to potential customers about these new products, an idea was formed to create a microsite from scratch that lived inside adidas.com.

    Featuring a one page site solution and having control over the UX, I decided on accordions and tabs to house the relative sections. With access to rich photography provided by adidas, made the process of achieving a premium look and feel much easier. A small team involving myself, a producer, a developer, and an account manager had complete ownership of the project throughout. Applications and skills used during the project: Photoshop, and Illustrator.

  • Design preview
  • Are You In, adidas

    Releasing alongside TV and print with adidas’ “Are You In” Campaign, glue Isobar were tasked with creation of a competition hub that would be another route to gaining awareness on social platforms like Facebook and Twitter. The competitions were more focused on the brand interacting with current culture than to do with sport.

    Design wise I pushed to make the layout as rich as possible but not overpowering. Clear division between sections with use of full bleed backgrounds of campaign imagery to link to the other areas of the advertising. Applications and skills used during the project: Photoshop, and Illustrator.

  • Design preview
  • Teaser Countdown, adidas

    To gain attention to the start of the “Are You In” campaign online, a teaser was set up on adidas.com counting down to the event starting. Design wise, I came up with an idea of pulling in random images from the overall campaign triggered every five seconds by the time. While the bold adidas font was layered on top with smooth transitions between each countdown unit. Applications and skills used during the project: Photoshop, Illustrator, and Flash. Developed in actionScript 3.0.

  • Design preview
    View flash
  • Nokia N9

    For the release of Nokia’s N9 glue Isobar had presented a concept and idea around an AR website using the webcam api in Flash to interact with the phone using gestures. Here users could get an insight into the latest UI of the phone and see all other features and benefits with the product. After experimenting with the handset I went on to design and direct a style that matched the bold colours of the handset and take hints of the UI on the phone’s OS.

    CTA’s were treated more like hotspots than buttons, and required a different approach to other microsites previously designed. I supported the Flash developers during the build stage, supplying assets and animating sequences and screens in After Effects. Applications and skills used during the project: Photoshop, Illustrator, Flash, and After Effects.

  • Design preview

2010

  • adidas miCoach

    To advertise the miCoach training app for the iPhone, I was asked to take a concept and make it a reality with designing and building the ad. To entice users into watching the video I added hints of the promo with a few scenes, housed inside the polygon shapes used in other parts of the branding, with various other effects layered over on top.

    The masthead placement on YouTube doesn’t match the ratio of the video so a little treatment was added to fill the space on the end sequence to bleed out to white for a neater lockup. Applications and skills used during the project: Photoshop, Illustrator, Flash. Developed in actionScript 3.0.

  • Design preview
    View flash
  • Nokia N8

    I was briefed to design, animate, and build a masthead for nokia.com to advertise the new Nokia N8 smartphone. Asset wise for the project, we had access to 3D renders used in the TV adverts, mixing these in with the standard flash animation helped to push the rich ad placement, along with consistency to match the rest of the campaign.

    Some random math scripting added some life into the background, with the cubes floating in various velocities throughout the duration. Applications and skills used during the project: Photoshop, Illustrator, Flash, and AfterEffects. Developed in actionScript 2.0.

  • Design preview
    View flash
  • Reebok Reezig

    To direct traffic to the microsite I was involved in some rich ad placements that were expendable on roll over. Using video from various parts of the microsite I comped everything into a flow with cue points to trigger certain titling and text effects. Every aspect of the ad right down to small little UI hints, were designed and animated with as much detail as possible.

    File size restrictions on collapsed parts of the placement meant animating a lot of the effects on the side of the shoe with the basic tools in Flash than using sequences or loops of video. Applications and skills used during the project: Photoshop, Illustrator, Flash, and AfterEffects. Developed in actionScript 2.0.

  • Design preview
    View flash

2009

  • Royal Marines - Standard Placement

    There was a strict requirement to keep these ads down to a tiny 30kb for the placements. Working with an illustrator to vectorise just about everything, I had the task of designing and animating the concept compressing everything as much as I could, but still keeping a premium feel to the whole piece.

    I had to rely completely on an actionscript tween library to control all the animation, and to minimize file size with avoiding lengthy timelines. Clickthrough rates were higher than the original targets, and the ad itself became an example as to how the agency could push standard ads for future and prospecting clients. Applications and skills used during the project: Photoshop, and Flash. Developed in actionScript 2.0.

  • Design preview
    View flash
  • Royal Marines - Rich Placement

    Matching closely to the TV ad spots, this rich media placement would feature the similar heart beat, combined with flashing up images quickly that displayed the kind of service the Royal Marines provide within the elite regiment. Each image randomly forms a grid of thumbnails, gathering intensity before turning over to lead into the end frame sequence.

    My involvement focused on taking a simple drawn storyboard scamp and creating that into a fully working ad. From the design all the way through to the build and animation. Applications and skills used during the project: Photoshop, and Flash. Developed in actionScript 2.0.

  • Design preview
    View flash