Matt Hill

Web/UI Designer & Frontend Developer

I’m a multi-disciplined web designer and front-end developer, currently employed as a senior Front End Developer at EdComs in London.

I'm very experienced, with 16 years in web design, development and project management and 21 years in digital.

View the Portfolio Read my Resumé / CV

My skills and experience

While I've run the whole gamut of digital production in my career, I'm most experienced in:

  • Design of digital interfaces and experiences
  • Front-end coding to modern standards (HTML5, CSS3 with LESS or SASS, jQuery)
  • Responsive Web Design
  • Sensible application of accessibility and usability principles
  • Detail and QA driven: I find (and fix) all those little things everyone else forgot to test ;-)

Carebase 2011

I designed and produced this website while working on contract for Design Culture in 2011. My involvement spanned the entire project, from high level design, graphic design, front-end coding and project management. The site is built on Expression Engine, and I managed the third party developer during the development phase of the project.

My involvement

  • High level design and specification: information architecture, wireframes, sitemap.
  • Graphic design of all pages based on brand guidelines
  • HTML/CSS for the entire site
  • Project management and management of third party developer
Workplace Giving Screenshot

Croner Simplify 2011-2012

Croner Simplify is a sophisticated human-resources management application for Croner, a Wolters-Kluwer company. While working on contract for Design Culture, I undertook the graphic design of every screen in the project, setting sitewide styles that could be applied across a multitude of modules and widgets covering more than 80 screens.

My involvement

  • Graphic design of entire application
  • Q&A to ensure the design guidelines were rolled out correctly throughout the app
Workplace Giving Screenshot

Workplace Giving 2009 +

London design agency Design Culture have worked with Workplace Giving for several years, creating their brand image, advertising materials and previous website. In late 2009 I worked with them to develop the new Workplace Giving website.

Design Culture did the visuals and I did everything else:

My involvement

  • HTML/CSS for 16 unique templates
  • Back-end build / integration with WordPress
  • Custom donation form and a jQuery powered donation/tax calculator
  • Ongoing support, maintenance and enhancements
Workplace Giving Screenshot

Westminster City School 2010

I carefully considered two target audiences when designing this site for both pupils and parents. I developed the high-level treatment including sitemap, wireframes and functional spec. WCS created the visuals for the site; once these were complete, I turned them into HTML/CSS templates. The CMS build was done by Shine Marketing, using Expression Engine.

My involvement

  • High level design and specification: user journeys, information architecture, wireframes, sitemap.
  • HTML/CSS conversion of supplied visuals
  • General consultancy on web best practices
Westminster City School Screenshot

Royal Marsden Nursing Manual 2008

Semantico are a Brighton based company delivering on-line publishing solutions. They produce the on-line version of the Royal Marsden Manual for their client, Wiley Blackwell.

I was asked to design the “look and feel” of the online Manual, and then produce AA accessible HTML/CSS templates of these key screens.

My involvement

  • Graphic / UI design
  • "AA" accessible HTML / CSS templates for the entire intranet site
  • Usability / accessibility consultancy
Royal Marsden Nursing Manual Screenshot

Backstop Recruitment 2010

I did the visuals for this specialist recruitment site, following high-level design work done by development house Better Brief. I also advised on accessibility issues to address problems on their old site.

Better Brief built the site using SilverStripe CMS and the site won the SilverStripe SSBits “Site of the Month” in October 2010.

My involvement

  • Graphic Design
  • Accessibility Consultancy
Backstop Recruitment Screenshot

Peter Honey 2010

Dr. Peter Honey is best known for creating the Honey & Mumford Learning Styles Questionnaire, a system for assessing your preferred learning style. Peter wanted a clean and simple personal site where he could self publish articles and also raise money for a charity by selling his watercolour paintings.

My involvement

  • Graphic design
  • HTML/CSS for the entire site
  • WordPress build and integration
  • Training & Support
Peter Honey Screenshot

Villiers High School 2010

I worked with web agency Electric Putty to design this school website. I designed the screens based on supplied wireframes.

The school wanted a clean and simple visual style, which is demonstrated through bright colours and simple blocked out panels. Although it's a simple 2 and 3 column site, it neverthless has a classic, fresh feel.

My involvement

  • Graphic/UI design
  • HTML/CSS templates for key screens
Villiers High School Screenshot

MT32 Flexible Cabling 2008

MT32 is a revolutionary cabling system from electrical supplier, Marshall Tufflex. They needed a new brochure site to showcase the new product.

I designed the high-level site structure and also created the graphic design and front-end coding. Web agency Two Below Zero then built the site on Expression Engine.

My involvement

  • High level site design and creation of all the documentation: Sitemap, Wireframes, Functional Spec
  • Graphic Design
  • HTML/CSS of all screen templates
MT32 Flexible Cabling Screenshot

Resumé / CV

Quick career history

  • I create user-focused websites using a broad set of skills (see right)
  • From 2007 to 2011, I ran a small web studio developing websites for small businesses and supporting web agencies through consultaiton and production
  • Standards compliant web designer since 2001
  • Designing and producing websites since 1997
  • E-learning designer and developer since 1993

View LinkedIn Resumé

Skills & Experience

  • High-level design and planning including user research & information architecture, wire-framing and prototyping
  • User Interface (UI) design: features and functionality, interaction design, look and feel
  • Hand written, semantic XHTML & CSS to the highest standards of utility
  • Nearly 20 years in PhotoShop creating interfaces for CDROM and Web
  • Wrangler of WordPress to build both blog and non-blog sites (though I stress I'm not a hardcore developer or coder!)

Early days in multimedia

I originally started my career in desk top publishing, producing training materials for American Express. A lucky break in the early 90s got me involved in eLearning, and for the bulk of the 90s I developed my skills in multimedia design and development. That was back in the days of CDROMs, 640x480 screen resolutions and video no bigger than a postage stamp.

My eLearning career was spent working as a multimedia designer for Maxim Training, a management skills training company (now defunct). I developed eLearning CD-ROMs using the Macromedia tools Authorware and Director. In 1997, as the Web became mainstream, the company switched to browser-based delivery of courses and I learned HTML to enter this brave new world.

You can view my very first website in the Wayback Machine. Don't laugh! Actually, yeah, you should laugh… it's highly embarrasing. In my defence, it reflects the rough, experimental approach we were all going through back then. At least it proves that we've come a long way in a short time:

Learning web standards

Around 2000, I started to learn about web standards, accessibility and good usability, thanks largely to the efforts of the Web Standards Project (WASP). Like many other frustrated web creatives, I quickly realised this was the way forward. I was frankly tired of spending so much time writing different code for different browsers – I just wanted to make websites that worked. At the time, so many sites didn't work and I knew I could do better. What I learned in the next two years opened my eyes to a better future; one where we could concentrate on designing experiences, rather than worrying about fighting with technology.

In 2003 I decided to go freelance which I did for a year, before returning to full time employment with the web agency Nixon McInnes in 2004, as a designer and front-end coder. Here I established in-house standards for accessible, semantic front-end coding, as well as designing many client sites. A great place to work, with a unique company culture; it gave me a wonderful opportunity to improve my skills in a small but very talented team.

Going solo

In April 2007 I left Nixon McInnes and for a brief period acted as an UI and accessibility consultant with HSBC in London, before setting up my own freelance business: Frisk Design. This was my one man web design company aiming to build usable, accessible websites for small businesses.

I successfully ran Frisk Design for three and a half years before deciding that I wanted to return to team based working. Working for myself was both very rewarding and very hard work, but I missed team working too much and decided it was time to find a new opportunity in London. Frisk Design officially closed in late 2011.

From the beginning of 2011 I worked on contract for Design Culture, a design agency in Clerkenwell, and one of my earlier freelance clients. I was in charge of the entire digital output; everything from simple HTML emails to designing, building and project managing complex websites.

In March 2012 my contract at Design Culture finished and I now contract for other agencies in and around London.

If you think I’d be a good fit in your team, and have an opportunity available, please get in touch.

Get in Touch
Creating websites since 1997