Gemma Petch

Online Design Case Study - London Playing Field Foundation

The following is a case study about our work with the London Playing Field Foundation, from content brainstorm to website build.

Creative Content Workshop 

Half a day workshop with the client helping them to get down everything they need and want on the site, not just from their own perspective but also thinking about their users and what they want to see and how they would engage with the site.

Sorting and ordering the content. What's the most single important thing on the new site? 
What can wait for phase 2?
Picture

Content Structuring and Sitemap

How is this information grouped and how would a user find what they need? Still working with the client we structured the website content so we could then take it away and create a solid sitemap for us all to work from.
Picture

Phased Approach

We find that most clients like this approach, it allows them to have a brand new website with all of the existing content but also builds the foundations for a much bigger, better site in the future. We like it because it means the site is well structured and planned from the beginning, it is solid and future-proof. It also means that we can build a lasting relationship with the client and continue the development together.
Picture

Wireframes

This stage allows the client to see exactly what will go on every page on the website. We can work out what needs to connect to where and make sure we all have the same vision and end goal in mind. It also helps us to separate the functionality from the design which is a key point to making fundamental, structural decisions early on.
Picture

Colours, Look and Feel

Whether translating a brand or creating one from scratch, communicating the client's core values in a targeted way is most important, here we used a few existing elements to completely freshen up the look and feel of the brand.
Picture

Design Options

Next we marry the 'look and feel' with the wireframes to put some skin on the bones of the site. We usually offer a few varied design routes to see which works best and work with the client to develop the designs into something everyone is happy with.
Picture

Website Build

The site is then translated into HTML and coded using Content Style Sheets and, as this one does, usually a Content Management System behind the scenes. We test and approve, back and forward between us and the client until we're all happy its looking and working as we all expected and then transfer the site to your domain. 
Picture
email me at gemma@five10.co.uk
follow my design blog dalston-dubai.com

wearefive10.com