web design

UI/UX designer with HTML5/CSS3 skills including media queries. I design responsive websites, CMS websites and HTML emails (eshots).

Overview

Before going freelance I was a designer at an Ipswich-based web agency for four years. Prior to the agency, I was a marketing designer at a book publisher in London where I designed and content managed the company's first eCommerce website.

I specialise in UI & UX design including graphic design (layout, icons, illustrations etc). Lately, I've been designing more responsive websites (for desktop, tablet & smartphone).

For larger websites I sketch up wireframes, working out hierarchy, layouts & user journeys.

I've worked with a variety of CMS solutions and can skin a Worpdress site (using child themes). If a more complex or bespoke CMS website is needed, I work with a web developer and supply either PSD files or marked-up HTML/CSS pages for integration.

Decent HTML & CSS (including HTML5/CSS3 and media queries) skills. Also design and markup HTML eshots.

Below are some examples of web design projects. Other case studies that feature web design include: Mi-Card, Sara Ayad, Napchecker and Horsearch.


Boxted St Peter's Primary School Wordpress

Involvement: Wordpress CMS integration using child themes, responsive web design, match to existing brand

A Wordpress site for a primary school featuring plugins for announcements and a calendar.

Launch website

Boxted St Peter's Primary School homepage
Boxted homepage

Maritime Transport Portside microsite

Involvement: Responsive web design, HTML/CSS markup, UI & graphic design, jQuery integration, match to existing brand

A brochure-style microsite for Maritime Transport to support their activities at Tilbury port.

Launch website

Maritime Transport Portside homepage
maritime Transport homepage

MH photography Wordpress

Involvement: Wordpress CMS integration using child themes, responsive web design, jQuery integration, logo design

A Wordpress website for a fashion photographer using jQuery to resize photographs.

Launch website

MH photography homepage
MH photography homepage

HTML eshots

Involvement: Graphic design, HTML markup, illustrations

Some examples of eshot design.

Secondhandtrucks eshot
Secondhandtrucks eshot
Secondhandtrucks Xmas eshot
Secondhandtrucks Xmas eshot

Web agency websites

Involvement: Photoshop mockups, graphic design, logo design, bespoke CMS integration

A few websites I designed whilst working for a web agency. Click/prod the image to visit the website.