Digital portfolio

Responsive website design, digital artwork and branding for personal freelance business.

  • HTML / CSS
  • JavaScript
  • PHP
  • Responsive
  • Graphic Design

You are here. This is digital portfolio, I have featured it as a project within itself because it is my flagship website. A testing ground for new code and showcase for my skills.

I have endeavoured to combine clean and crisp design while maintaining my personality as you would expect any website to do for the brand it represents. This website has had many designs throughout the years (and will probably have many more in the years to come). Like myself, my portfolio is always evolving and adapting.

Version 4

The latest version on my portfolio is fully responsive. It has been designed to adapt to the device viewport and optimise the delivery of content across three main breakpoints; mobile, tablet and desktop.

Responsive

Version 3

Website design for my online portfolio.

Visit: Click here

Version 2

My plan for version 2 was to create an interactive design studio in a comic book style. The sidebar functionality was created using radio buttons which allowed for a purely CSS site.

Visit: Click here

Version 1

The first version was a simple tile montage of my artwork created using HTML tables. Although it's nothing special, I think it's good to remember where you started and see how far you've come.

ruggerkids.co.uk

A bespoke multi-page website designed for a local children's sports club.

  • HTML / CSS
  • PHP
  • Graphic Design
  • Illustration

Rugger Kids is a tag rugby club for children in Staines. When the new owners purchased the company in 2013, the website was little more than a landing page for contact details. The brief was very open, they wanted a whole new look, I was asked to create something special to represent them online, something interesting and fun that would drive more business.



I chose to apply a fresh and brightly coloured theme to mirror the club's kit and the outdoor element of the business. I design a collection of colourful bouncing rugby balls for the header buttons and revamped the company logo in my own style. I also created a character art of Leo the Lion, the lovable company mascot.

I built pages to outline the services provided by the club and to introduce the company and the coaches. To handle customer enquiries, I built a page of FAQs and set-up a PHP contact form to direct email to the coaches. In order to drive more business and improve Rugger Kids' online presence I registered the company with Google and some local directories, I also set-up social media pages and shared with individuals in the local area.

Coach Tours

Responsive landing page design and development for Wyevale Garden Centres.

  • HTML / CSS
  • JavaScript
  • Responsive
  • Graphic Design

With locations around the country, a Wyevale Garden Centre is a popular stop-off for coach tours. In order to increase awareness of this service and literally drive business in to centres, I was asked to created a digital version of the existing printed brochure, explaining the features and benefits of choosing Wyevale as a stop-off location.

Coach Tours (2017)

I designed latest version of the coach tours page for the new Wyevale Garden Centres website. The design takes elements from the printed brochure while fitting in with the websites new aesthetic.

Coach Tours (2015)

This page was built on the now retired version of the website. I kept the design for this version quite close to the printed brochure with the content layed out across two columns.

BBC Gardeners' World Live

Responsive landing page design and development for Wyevale Garden Centres.

  • HTML / CSS
  • JavaScript
  • Responsive
  • Graphic Design

BBC Gardeners' World Live (2016)

I designed latest version of the coach tours page for the new Wyevale Garden Centres website. The design takes elements from the printed brochure while fitting in with the websites new aesthetic.

BBC Gardeners' World Live (2015)

This page was built on the now retired version of the website. I kept the design for this version quite close to the printed brochure with the content layed out across two columns.

Wyevale Website Redesign

Graphic design, front-end development and data management on the new Wyevale Garden Centres website.

  • HTML / CSS
  • Image manipulation
  • Graphic Design

As digital designer I was responsible for the implementation of new features and daily management of online content for www.wyevalegardencentres.co.uk, from homepage updates and banner design to building landing pages for products and events.

Seasonal planting combinations

I was asked to produce a collection of images featuring arrangements of complimentary seasonal plants. I used Adobe Fireworks to cut-out the four species from stock images and created the following montage.

Garden furniture catalogue

Garden furniture landing page design and development for Wyevale Garden Centres.

  • HTML / CSS
  • JavaScript
  • JQuery

Wyevale Garden Centres offers a wide range of garden furniture in centre. I was asked to create a digital product catalogue where customer can view the range and its availablity.

The range features a large number of furniture sets so I built a script to filter products by category, material and price.

Easter Landing Page

Landing web page design for Wyevale's Easter promotion.

  • HTML / CSS
  • JavaScript
  • Breakfast or Tea with the Easter Bunny

    Landing web page design for Wyevale's restaurant Easter promotion.

  • HTML / CSS
  • Plants of the Month

    Landing web page design for Wyevale's plants of the month promotion.

  • HTML / CSS
  • Little Diggers

    Event pages

    Little Diggers is a Wyevale Garden Centres initiative that provides seasonal childrens activities such as gardening, crafts and baking.

    As part of the marketing campaign for each event, it was my responsiblity to create an online piece to accompany the point of sale artwork. This landing page would also serve to provide navigation to the external booking agent and drive footfall in centres.

  • HTML / CSS
  • JavaScript
  • Busy Bee Week 2016

    As part of Wyevale Garden Centre's dedication to conservation, the Busy Bee Week proveds a week of activities designed to educate children in the importants of Bees, while having fun in the process.

    Wildlife Week 2016

    Wildlife Week is an an annual week of children's activities to encourage children to raise awareness and connect with nature.

    Grewsome Growers 2015

    Halloween is one of the peak times for children's entertainment.

    Bank Holiday Fun Day 2015

    Landing page design for Little Diggers bank holiday event.

    Wildlife Week 2015

    This page was the first page I worked on when I began as a front end developer at Wyevale Garden Centres.

    Christmas Landing Page

    Landing web page design for Wyevale's Christmas campaign.

  • HTML / CSS
  • JavaScript
  • Graphic Design
  • The brief was to create a landing page for the Christmas promotion, to include a selection for trees, decorations and gifts, and also to advertise some of the festive events going on across the various centres.

    I created a single page with a tab system to switch between categories and a scrolling banner for adverts. My fellow designer James Dennis created the wireframe design and I designed the content and coded the page. I continued to manage the page content throughout the Christmas period.

    Wyevale Ice Rinks

    Landing web page design for Wyevale ice rinks.

  • HTML / CSS
  • JavaScript
  • Breakfast or Tea with Father Christmas

    Landing web page design for Wyevale restaurant event.

  • HTML / CSS
  • Festive Favourites

    Landing page design for Wyevale restaurant offer.

  • HTML / CSS
  • Tea for 2

    Landing page design for Wyevale restaurant offer.

  • HTML / CSS
  • Fish & Chips

    Landing page design for Wyevale restaurant offer.

  • HTML / CSS
  • Product Slider

    Product carousel for Wyevale homepage.

  • HTML / CSS
  • JavaScript
  • JQuery
  • Wool Compost

    Landing web page for wool compost product.

  • HTML / CSS
  • Blooming Great Tea Party

    Landing web page for Marie Curie tea party charity event.

  • HTML / CSS
  • Sale

    Landing web page for Wyevale sale.

  • HTML / CSS
  • JavaScript
  • Kids' Menu

    Web page for Wyevale restaurant online menu.

  • HTML / CSS
  • Father's Day

    Web page for Father's day promotion.

  • HTML / CSS
  • Classic FM CD Offer

    Web page for free cd offer.

  • HTML / CSS
  • Graphic Design
  • Colour Fest

    Web page for bank holiday promotion.

  • HTML / CSS
  • Watering Equipment

    Product page for watering equipment.

  • HTML / CSS
  • Outdoor Play Equipment

    Product page for outdoor play equipment.

  • HTML / CSS
  • WorldStores Web Banners

    Web banner designs for various products.

  • Graphic Design
  • Adobe Fireworks
  • GardenMachinesWorld Home Page

    Index page design for WorldStores niche site.

  • HTML / CSS
  • LightsWorld Buying Guide

    Online buying guide for home lighting.

  • HTML / CSS
  • JavaScript
  • Star Fox

    I love video games and love drawing scenes and characters from them. This is a Super Nintendo game titled "Star Fox" from the 90's. This was created using only Adobe Fireworks.

  • Graphic Design
  • Adobe Fireworks
  • Boba Fett

    A long time ago in a galaxy
    far far away....

    What kind of geek would I be if I didn't have a bit of Star Wars fan art in my collection? Boba was sketched in pencil, scanned and rendered with MS Paint and GIMP software.

  • Illustration
  • Graphic Design
  • MS Paint / GIMP
  • Imperial Stormtrooper

    The empire's finest laser fodder was sketched then scanned and rendered with MS Paint and GIMP software.

  • Illustration
  • Graphic Design
  • MS Paint / GIMP
  • The Dark Knight

    The dark knight is one of my favourite pieces to date. I sketched and scanned the caped crusader, then used MS Paint (as I had limited tools at the time) to render him at pixel level. I'm not joking, it took a while.

  • Illustration
  • Graphic Design
  • MS Paint / GIMP
  • Adobe Fireworks
  • The Incredible Hulk

    Originally a sketch on black card with green and blue pencil, the shadows contrast with the bold colours to create a dark but iconic image of Bruce Banner's alterego.

  • Illustration
  • Graphic Design
  • MS Paint / GIMP
  • Adobe Fireworks
  • Bernice

    This X-Men inspired character was created for a colleague and her comic book podcast and Twitter page.

  • Illustration
  • Graphic Design
  • Adobe Fireworks
  • Kid Champion Olympics

    My favourite local band; Kid Champion asked for a sporting themed image of the band to celebrate the London 2012 Olympics. I opted for a sports day four-legged race, with flaming drum sticks and the union flag. I also incorporated the band logo with Olympic rings.

  • Illustration
  • Graphic Design
  • Adobe Fireworks
  • Concrete Sneakers

    Concrete Sneakers is the name of my fun-running duo, I created this image to promote us and hopefully make some extra cash for Children with Cancer. We are still taking much needed donations (even if we don't do much running anymore). If you can spare a pound or two, please donate to this wonderful charity, that does so much for suffering children and their families.

  • Illustration
  • Graphic Design
  • Adobe Fireworks
  • Matt's Studio

    The artwork for a previous version of my site was hand-drawn and scanned. I filled in the base colours with MS Paint and used Adobe Fireworks for some of the effects.

  • Illustration
  • Graphic Design
  • Adobe Fireworks
  • Mattman

    A last minute fancy dress party inspired this one. A Superman t-shirt, a suit and a pair of old glasses makes a pretty good Clark Kent.

  • Illustration
  • Graphic Design
  • Adobe Fireworks
  • VROOOM!

    Vrooom! is was an sample I created for a prospective client. It's a comic book piece inspired by Roy Lichtenstein's 'Whaam!'

  • Illustration
  • Graphic Design
  • Adobe Fireworks
  • Digital Portraits

    The sisters and their faithful friend were hand-drawn from photos and scanned. I filled in the base colours with MS Paint and used Adobe Fireworks for some of the effects.

  • Illustration
  • Graphic Design
  • Adobe Fireworks
  • School Photo

    I was asked by a friend to recreate one of her favourite photos of her daughter along with her class mates.

  • Illustration
  • Graphic Design
  • Adobe Fireworks
  • The Witches

    This trio of witches were pencil drawn and scanned. I filled in the base colours with MS Paint and used Adobe Fireworks for some of the effects.

  • Illustration
  • Graphic Design
  • MS Paint / GIMP
  • Werewolf of London

    This halloween character of myself was pencil drawn and scanned. I filled in the base colours with MS Paint and used Adobe Fireworks for some of the effects.

  • Illustration
  • Graphic Design
  • MS Paint / GIMP
  • Trick or Treat

    This spooky gang of halloween characters were pencil drawn and scanned. I filled in the base colours with MS Paint and used Adobe Fireworks for some of the effects.

  • Illustration
  • Graphic Design
  • MS Paint / GIMP
  • DJ Nick & The Pit

    I was asked by Nick the DJ of The Pit to create a piece that encapsulates the spirit of his rock club; a safe and welcoming place for all, with great music and fun times. These are a few of the concepts I came up with.

  • Illustration
  • Graphic Design
  • Adobe Fireworks
  • The bar scene

    This scene features vibrant characters each with their own styles. These characters are inspired by real people I met when researching the rock club. Everyone is welcome at the Pit.

  • Illustration
  • Graphic Design
  • Adobe Fireworks
  • Girl's night out

    The club often has themed nights and fancy-dress parties. These ladies are enjoying a birthday night out.

  • Illustration
  • Graphic Design
  • Adobe Fireworks
  • Sponge Bob

    I drew Sponge Bob and the crew as a birthday gift. Surprizingly fun to draw.

  • Illustration
  • Graphic Design
  • Adobe Fireworks
  • Pooh and Tigger

    I painted these two pieces on canvas with oil paint for my niece.

  • Illustration
  • Oil Painting
  • mattdixondigital.com

    Open project

    Wyevale Garden Centres
    Coach Tours

    Open project

    BBC Gardeners' World Live

    Open project

    Wyevale Garden Centers
    Website Redesign

    Open project

    Garden Furniture
    Digital Catalogue

    Open project

    Wyevale Easter Pages

    Open project

    Plants of the Month

    Open project

    Little Diggers
    Events

    Open project

    Wyevale Christmas Pages

    Open project

    Wyevale Restaurant Offers

    Open project

    Wyevale Product Slider

    Open project

    Wool Compost

    Open project

    Blooming Great Tea Party

    Open project

    Wyevale Sale

    Open project

    Wyevale Restaurant
    Kids' Menu

    Open project

    Father's Days Page

    Open project

    Classic FM
    Free CD Offer

    Open project

    Bank Holiday
    Event Pages

    Open project

    Outdoor Equipment
    Product Pages

    Open project

    ruggerkids.co.uk

    Open project

    GardenMachinesWorld Home Page

    Open project

    Bright Ideas
    LightsWorld Buying Guide

    Open project

    WorldStores Web Banners

    Open project

    Digital Sketchbook

    Open project

    Recommendation

    James Dennis
    Wyevale Garden Centres

    "Throughout my time working with Matthew, I have continually admired his determination, enthusiasm and meticulous approach. Matt has the ability to quickly grasp a design brief and is not afraid to ask the right questions when necessary. The quality of his work is outstanding..."

    Sitemap

    Thank you for getting in touch

    I'll get back to you as soon as I can.