Leeds Graffiti - Website

Here is the development of the website I created which ideally, I would have coded and published live - however, I ran out of time in the 2 week frame therefore we eventually used a placeholder image which linked directly to a tumblr blog.

Basic composition

Main content (white/grey bg) contains gallery images and a corresponding map and the sidebar (black) which would feature a submissions form and twitter feed. We wanted an interactive google map to be alongside the featured work so visitors are able to see the graffiti for themselves.

Gallery

Aforementioned, the design would feature a picture of the graffiti alongside a google map. For this design mock up, I also added a star rating so visitors could rate the piece.

Design layout

The 'about us' section features why and how this project was formed and the gallery images are displayed below.

Sidebar

As you can see, I added a basic submissions form which requires the visitors name, the artists name (though this was later removed as we wanted this to be anonymous) and an approximate whereabouts on where the design can be found. I also added a twitter feed which linked to our profile.