Introduction

A little bit about Matt Charlton


After leaving Middlesex University, London in 1996 with a BA in Visual Communication Design, I decided to combine my love of computers with my skills as a designer and enter the emerging world of web design.

After working on dozens of projects for high profile clients such as Twentieth Century fox, Disney, Coca Cola and Ted Baker at some of Londons top digital agencies I took the job of Art Director at a tech company looking to develop their creative offering.

Together with the Creative Director I put together a team of designers that worked on many ground breaking projects including the award winning digital platform for First Choice Holidays.

2oo3 saw me leave the UK and head over to Stockholm, Sweden. Since then I have been employed at various digital and advertising agencies as an Interactive Art Director, overseeing projects for Nordic clients like, Scan, GB Glace, Estrella, Beckers, Fritidsresor, Monster Jobs, Delicard, Computer Sweden & Focus magazine to name a few. I currently work at River

A picture of matt charlton
I'm at my happiest tweaking the details of a new design into the early hours of the morning.
Matt, April 2011
 
 
 

Battlefield 3 icons

Icon designs

In game icons for the Dice game Battlefield 3

Produced a bunch of icons for the IOS version of the hit game Battlefield 3 from Dice.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

Doc Morris

Website redesign

Doc morris website redesign project for River.se

One of my final jobs before taking parental leave from River was to produce concepts for the redesign of the Doc Morris website. Since they already have a system in place I was only allowed to make some minor cosmetic changes, but they should have a major impact on the sites usability.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

Nokia N9 Buzz

Promotional website

Conceived to help create buzz around the launch of the new Nokia N9 smartphone

One of my first jobs at River was to help develop a strategy that would get people talking about the new Nokia N9 smartphone. This website was designed and built as collection of all the internet chatter going on around the time of the launch. People could post comments related to various aspects of the new phone and then vote on each others posts.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

Columbi

Identity & online employee analysis tool

Comumbi needed a new identity for their offline questionairre and response data analysis tool

I was approached by Columbi to design a website with the purpose of collecting employee information about job satisfaction. That data then needed to be displayed in an easy to understand visual manner giving the analyst a quick overview of the situation. The site consisted of three main areas. An area that allowed administrators to create a custom questionnaire. A user interface to facilitate the answering of these questions in an easy to uderstand way, and the analysis tool that displayed the results to the administrators in the form of infographics.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

Beckers Sweden

iPhone app

I was responsible for the development of these mobile app concepts for one of Klirr Stockholms major clients, Beckers Sweden

Beckers needed an mobile application that tied in with their spring outdoor painting campaign. The app was designed to help users find the right paint for the job, weather that was painting a house or a fence. Advice on all outdoor painting activities was included in the form of illustrations and movie clips along with a shopping list and store location function.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

Scan christmas market campaign

Interactive campaign, christmas 2010

Scan wanted a christmas campaign to promote their line of holiday products.

With the traditional Christmas market as a starting theme, we created a 3d model of a whole town in the midst of winter that the user flew around and over before coming to rest in the snow covered Scan marketplace in the town square. The site consisted of 3 stalls, one displaying the full range of Scans Christmas products along with recipes and tips of preparing meals for the holiday. One stall that gave away x ammount of free products at a set time every day. And one stall containing the traditional game, can smash.

I was responsible for producing the storyboard for the 3D intro and overseeing the marketplace design.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

Go Green website redesign

Concepts for the Go Green website

Gogreen were a client at Klirr Stockholm and wanted to see some concepts for a new website.

Their existing site was outdated and in desperate need of replacement. I developed these concepts along with an overall online strategy. Unfortunately for them, they didn't go for it. But the visuals are still nice :)


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

Scan.se

Summer grill campaign

Klirr Stockholm produced a campaign site for the Scan summer grill campaign. I produced a number of icons to go with the site.

The concept for the site was a summer grill party with all content displayed on a chalkboard. Therefore it was nescessary to produce custom mode icons with that style in mind.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

En barnsligare vardag

Long life campaign site for Milda.se

Milda, a leading producer of margarine and other assorted cooking products in Sweden approached Klirr with aview to developing a long life campaign site aimed at getting children interested in cooking.

The concept was to build a site based around the theme "have fun with food". Areas within the site included a recipe section, a user tips area and a useful calendar designed to help you plan your evening meals and activities with your children. The site is continually being updated with new competitions and prizes as well as exciting new content.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

Klirr.se

Website redesign for Klirr Stockholm

Klirrs original site was outdated, but in its use of flash as a delivery tool, but also the content contained within the site.

As the interactive art director at Klirr, i was given a free reign over this one. We very quickly decided to go with a simgle page design with additional content revealed on request.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

Presentation

Klirrs interactive keynote presentation

We needed to explain to the employees not involved in the development of interactive media how we go about building a website.

I produced characatures of the key people within the team along with backgrounds to demonstrate the parallels between building a house and building a web project.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

Estrella.se

Redesign for Swedens largest snacks brand

Estrellas website was out of date and didn't reflect just how large a brand it is in the Nordic countries.

We were initially asked to give just one quotefor a quick update of the existing site content / graphics. After looking into this we came to the conclusion that building a new site would be relatively straight forward given the nature of the content, and easily doable within the timescale. After seeing the concepts Estrella gave us the go ahead to do just that.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

Cityout website

Identity and website concepts

Entertainment portal used throughout eastern europe.

More info to come here.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

SIMSTORE360 website

Brining the website up to date

Simstore International are full-service research experts within the fast-moving consumer goods sector, providing brands with reliable and proven predictive behavioural advice.

I was responsible for designing and delivering a new site for this company.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

Computer Sweden

Campaign site for the popular magazine

Little cmapaign site built in flash.

I was responsible for the design and flash scripting behind this site. Currently unavailable to view


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

ONE media

New website

ONE medaia was rebranding and needed a new site to reflect that.

As the interactive art director at ONE media, it was my job to translate this new branding into an online experience. Site was built using Drupal for the backend and a mixture of HTML and flash elements in the front.


Art direction
Design
Animation
HTML/CSS

 
 
 
 
 

Estrella Proviant

New product launch

Estrellas new product gets a campaign site to create a buzz.

More content to come here.


Art direction
Design
Animation
HTML/CSS