Julian’s site was one of the most fun I’d ever had with a design. He really allowed me to be as creative as I liked and with his quirks (tweed!) and creativity, it was fairly easy to come up with a design that I felt reflected him as a person.

It took a while to develop the design as it required some tricky CSS in places, but this was my first experimentation using @font-face for non-standard font implementation and I’m really pleased with the results.

As Gavin is a developer, he didn’t need me to write the HTML and CSS for his site. This meant I could have fun just really concentrating on the design elements in Photoshop mockups.

We worked on a few different versions of this design with different woods and main colour themes to reflect different times of the day. The site isn’t up yet, but I’ll link to it as soon as it is!

The design of this site changed frequently over the space of a few months as the client struggled with his taste for creative and modern design and the audience’s desire for safe, old-school corporate design. This was the final result of the site as we worked on it together where we’d really worked it down into a clean, minimal layout.

The WordPress development of this site was tricky as it involved using a lot of jQuery for slideshows and sliding displays that I hadn’t used before but I learnt a lot and the implementation meant that the site was very easy to maintain.

Swift Capture is a really interesting mobile app by Richard Spence. Richard wanted to update the web administration for the Swift Capture app so I worked on a re-skin of his existing app. The challenge with this design was trying to work with the existing HTML to create a whole new look using CSS. This was fun and it was great to work on a project that was very different from anything else I’d be working on.

After finishing the app design, I reworked the templates into a simple site design to give potential users a tour of the app and its great features.

From August 2009, I was lucky enough to work with Joel Gascoigne and Oo Nwoye on their startup, OnePage. I started out helping these guys out with direction on their OnePage design, then I worked on the OnePage logo and then I started working on an overall redesign for the OnePage app.

Working with such passionate and ambitious guys was incredibly inspiring and we worked very well together. Unfortunately I had to stop working on OnePage as the freelance work started coming in thick and fast but they’re still doing great things, and I really recommend you check OnePage out..

Since Ursula first got together I’ve been asking Matt if I could make the band web site. With their first gig coming up they finally allowed me to get a site together for them. Matt (the guitarist) had already created a great band logo and they wanted all the standard features of a band web site such as biographies, audio, videos and photos.

I made the site using WordPress so it would be easy for the band to update and used as many external services, such as iLike, Twitter, Facebook, Soundcloud and Vimeo to host the content so the site wasn’t too expensive to run, would be easy to fill with good content, and quick to upload to all the social networks at the same time as the site.

Tim Perrett of XMPIE came to me looking for a last-minute design for their XMPIE Media Pro 09 promotion they’re running via Twitter. I was given the copy and the band silhouettes and told to do something creative for the design, so in a few hours I’d produced this and two other page designs and could tell the developer how to implement my design in HTML and CSS. It was fun to do a quick exercise like this under time pressure, and I’m pretty pleased with the results.

I’ve been a big fan of Bathcamp since I went to a few of the evening events in Bath when I was at university. The topics are always interesting and the people are so friendly and great company. So when the big Bathcamp 2009 event started being organised I volunteered straight away to do any web and design work needed.

This is just a simple site giving (properly microformatted!) information about the Bathcamp 2009 event, as well as sponsors and info on the past Bathcamp events. I tried to make it feel outdoorsy to suit the camping nature of this September’s Bathcamp, easy to find the important information and a bit fun.

I started chatting to Joel a few months ago on Twitter. He, Oo and Dan had been building this awesome app for keeping all your social network streams on OnePage, called (very aptly) OnePage. I started out just giving the guys some advice on where I think the design should be heading, then next thing I know I’m Lead Designer on the project!

This logo is supposed to be reflective of printed page and look like it’s made from just one sheet of paper. There’s a lot of colours in the OnePage design, to show the logos of all the services and allow the user to customise their OnePage, so I thought a white logo would be least likely to clash with any other aspect of the design.

Filmstacks is the main product of A Big Important Company. Whilst working for them, I designed the Filmstacks identity to fit in with the rest of the A Big Important Company branding that I did.

This project started out as freelance work for A Big Important Company where I worked on the branding and web site design. Later on, I completed the site development using WordPress as my first full time project working for the company as an employee.

With the initial branding, I couldn’t decide between the two colour schemes of cream/beige and dark blue so we decided to go for different night and day styles depending on the time the user visited the web site so we could use both schemes.

I tried to make the most of the idea that the company was “big, bad and corporate” in a retro comic book way. I wanted to achieve a balance between this fun, creative idea without making the site overly themed and gimmicky.

You can read more about my design decisions and process on this piece of work by reading the post I wrote, “Designing A Big Important Company” on A Big Important Company’s blog.

This was self-directed brief as part of my degree. I wanted to explore more print-based inspiration on the web. Magazines online barely replicate those in print, and a lot of parameters have meant that they have lost the quality and subtlety of magazine design in favour of cramming content into web sites.

The content for this site was inspired by the Oxford Dictionary campaign, Save The Words. I created the site collaboratively, using photography by Kim Hunter.

As part of this design, I also designed a WordCamp UK logo for this event. This heraldic-style design was created to be very British, as well as encompassing the WordCamp identity typeface.

I could afford to play about with more alternative and unusual interface designs as it was never intended to be a public-facing site. I still made the site standards-compliant, but chose to abandon more conventional navigation in favour of a dashboard-style front page.

It seems I made a more creative design through not worrying about conventional usability on the site. As this design was never going to be public, I used it to inspire the design for this web site, interpreting it in a more usable way.

The Opportunities Board was a student fellow project designed to advertise the many professional opportunities for students in the college. I developed the first version of the site, which was designed by another student for the Graphics department.

Then the board was re-launched for the whole college, where I re-designed the site to be more creative, representational of the college, and make the content easier to find.

The 10by10 web site was part of my work as a student fellow at university. Two of my coursemates created a home page design concept and I then applied the design to the site as a whole and developed the site using WordPress. The biggest challenge of building the web site was organising the huge amount of content, it really was an exercise in information design.

I developed the site using WordPress as a content management system. This stretched a lot of the limitations of WordPress, and in hindsight, a custom content management system may have been a better solution.

Paul’s web site was a complex design as I tried to make it creative and unique to suit his personality. We tried to get away from music web site clichés. I developed Paul’s site using WordPress as a content management system and bbPress for the forum. As Paul wanted to add and edit his own content, these were the perfect solution.

The development was stretching but I learnt loads about WordPress, PHPBB3, bbPress, HTML e-mail and my own capabilities in the process.

This page was a quick design to be shown locally on a couple of machines at our end of year show for Digital Design. All it needed was links to each student’s professional web projects and their personal web sites.

We had these gorgeous 20-inch iMacs so I made the page fill the majority of the screen so you could see as many names as possible at one time. The design was mostly based on a DVD menu that Scott Coello created.

As part of my student fellowship, I was required to design and make a one-page web site, much like the Digital Design page above, to show the personal web sites of the graduating Graphic Communication students. I had to make the site as similar as possible to the newspaper-style showcase magazine the students gave out at their show.

This page was a relatively quick job as it only required HTML and CSS. The biggest issue was creating the graphics so they matched the degree show newspaper but still loaded at a reasonable speed.

I assisted in the design and developed this WordPress-based intranet for the Graphic Communication department at university. The idea was to make it adaptable so other departments could use it as their intranet. This was a project for my student fellowship.

The Creative Writing MA students at Bath Spa needed two web sites to be online versions of their anthologies. This site was for the Spectrum anthology. I based the minimalist structure around the book design by Matt Robertson. I used WordPress for the sites to allow the authors to edit their excerpts themselves. This was a project for my student fellowship.

The Creative Writing MA students at Bath Spa needed two web sites to be online versions of their anthologies. This site was for the Splash! creative writing for young people.

I based the minimalist structure around the book design by Matt Robertson. I used WordPress for the sites to allow the authors to edit their excerpts themselves. This was a project for my student fellowship.

7 Shades of Crazy is a fictional band invented for my final project on the Digital Design foundation degree. I decided to do a fictional band as it would give me complete control of the design and content.

This was a real lesson as a designer when I realised I was fairly clueless about the content and I had too much creative control. Without any restriction of working for someone else, I found it hard to make a web site that I was happy with. I also adapted a MySpace page for the band so I could experiment with a challenging format.

As part of our Professional Studies, a group of four of us had to design and make the front end for the MetaMedics web site. We each did our own design mock-up then took elements from each design to create the design shown here.

I refreshed the MetaMedics original logo for this design and we worked as a group to create working HTML and CSS page templates for the company to take to a back-end development company.

The Change Design Symposium was held in February 2008. I designed the site around the logos the Graphic Communication students had created.

I used WordPress for the back-end of the site so I could easily upload more information when it was needed. This was a project for my student fellowship.

This was my second attempt at typography in motion. I used film clips and the soundtrack from the Hannibal Rising opening sequence to overlay the text and images that I had designed.

I’m fairly pleased with the outcome although the quality of the drawing could have been improved. I’m most proud of the colour scheme I created so it blended in with the film clips.

Typography in Motion was our first project using After Effects on our Digital Design course. I really enjoyed working with typography in a more unusual way and although this isn’t the most polished video, I was quite pleased I’d done ok on my first attempt!

When working at the Learning Trust in the summer 2007, I worked with their Microsoft SharePoint intranet. I mostly worked on content and page creation, and after reading Nielsen’s intranet research findings, I did some possible design templates for the intranet.