BRIEF:?“Produce a small mobile formatted website of two or three pages that interactively connects together an experience, situation or place in Bristol with media that you have authored (focusing on audio, images, text, and graphics). The project must be based on a location in or near the city center (between Castle Park and M Shed).
The project should require the user to be physically present at the situation or place for it to be meaningful and perhaps for it to work. The project should aim to re-imagine the situation or place for the user in an unexpected and imaginative way.”
Above: Is a paper wireframe mock-up of an example phone based locative experience involving McDonald’s, I made this to experiment ?and get inspiration and ideas for the brief.
Above: A?painting by street artist Banksy called ‘Naked Man’ it’s in the center of Bristol and I regularly walk past and admire it. I’d like to focus on this piece of graffiti as part of this ?project, as I think there is potential to ‘re-imagine the situation or place for the user in an unexpected and imaginative way’. It also fits within the parameters in the brief (between Castle Park and M Shed). I?revisited the location of the painting and took a few photos to reference, and thought about possible ideas in relation to the project and the brief.
Above: Is a?set of paper wireframe mock-ups of my final idea I will make for the locative experience project.
Above: Is the final design?for my Locative Experience mobile website interface, I have taken all the elements from my initial sketch and included them in these designs. I will code the website from scratch in HTML, using Brackets code editor, and google chrome’s inspect element mobile device viewer to try and recreate my the website as close as possible to these designs.
Above: Is a diagram of the div framework I used, to reproduce each screen of my design in HTML code. I split up most of the elements in my designs on each screen into div’s to make it easier to embed the media into each container.