iPad Pages

Here’s my prototype designs placed into iPad borders. The user will only be able to view the product with the tablet in landscape. The link to access the designs in Wix.com:¬†http://jenniferleeman.wix.com/headsupfestivalipad

Page 1:


Page 2:


Page 3:

ipad4Page 4:

ipad5Page 5:

ipad7Page 6:

ipad6Page 7:

ipad3Page 7:


Visuals in Wix

Below are the prototyping visuals I created using Wix software. I followed just two of the user journeys, plays and playwrights, indicating what my web documentary could look like as a finished and working product.

Enter page:
Screen Shot 2014-05-08 at 15.05.40

Home page:

Screen Shot 2014-05-08 at 15.19.50

Playwrights page:

Screen Shot 2014-05-12 at 14.39.10Playwrights page 2:

Screen Shot 2014-05-12 at 14.39.57

Playwrights page 3:

Screen Shot 2014-05-09 at 14.22.34Plays page:


Plays page 2:

Screen Shot 2014-05-12 at 14.37.55

Plays page 3:

Screen Shot 2014-05-12 at 14.09.57



Wireframes 2- Balsamiq

For my mock-ups, I’ve followed one section of the immersive web documentary to show what it will look like. I have decided to use the playwrights section of the documentary as the example.

What entering the web documentary will look like on an iPad or other tablet

Screen Shot 2014-05-07 at 12.42.43

Page 1: the start page

Screen Shot 2014-05-07 at 12.29.20

Page 2: the home page

Screen Shot 2014-05-07 at 12.03.27

Page 3 & 4: the playwrights page

Screen Shot 2014-05-12 at 13.34.07

Screen Shot 2014-05-12 at 13.28.05

Page 5: the video and pop-up information for the playwright

Screen Shot 2014-05-09 at 13.30.02

Page 6: the plays page


Page 7: the plays page 2wireframe2

Page 8: the plays page 3

Screen Shot 2014-05-12 at 13.48.03

Shot List

Elements that will be needed for my immersive web documentary:-

Enter page/home page

  • Animation of theatre stage as background

Home page

  • Moving animations of quill, theatre masks, and audience silhouettes representing the different web documentary sections
  • Audio reading of the introduction box (& sound control button)

Playwrights page

  • Images of playwrights
  • Voice overs of play scripts when the users scroll over images
  • Audio reading of the text box (& sound control button)

Individual playwrights pages

  • Video interviews with the playwrights involved in Heads Up Festival
  • Pop up info boxes during the video interviews
  • Videos of the playwrights’ past works (in slideshow)

Plays page

  • Trailers of the plays involved in Heads Up Festival 2014

Audience reviews

  • Video interviews with audience members from each Heads Up Festival performance
  • Pop up info boxes during video interviews


Here are some wireframes of my immersive documentary’s home page. I created them in the online software Lovely Charts, as I had trouble downloading the Axure trial. The first wireframe is basic.


After finishing the basic wireframe above, I then added images to test what the software could do. I don’t particularly think what I created looks very professional, or looks like what I want my documentary to be, but it gives a visual showing of which direction I want to go down for an actual home screen.

wireframe homepage draft

wireframe homepage draft 2

Web Documentary Audience

The target market for my documentary would be theatre-goers in Hull. Particularly, the same market as Ensemble 52 and Hull Truck Theatre. My immersive documentary will feature on a website like Heads Up Hull’s, under the 2014 section. The users can journey through the events of the 2014 festival by using the immersive web documentary that I will create.

Mindomo Mindmap

Below is a mindmap I created with the software Mindomo, to show a professional looking structure of my interactive web documentary about Hull theatre and Heads Up Festival in particular.
mindomo mindmap

Afterwards, I did some design changes to my mindmap, changing the colour scheme and adding images that would represent the animations of each section of the web documentary.

mindomo mindmap 2


Final Mindomo mindmap:

Screen Shot 2014-05-07 at 14.54.19

The final Mindomo I created was to highlight the section that I will be focusing on in my visuals and prototyping of my web documentary product.

Immersive Experiences

To really get a feel for what an immersive experience is, Sally took our group to a number of museums in Hull’s old town. Whilst going around the museums, she stopped us in different rooms where we discussed what was good about each part, and what needed improvement in order for it to become ‘immersive’- the museum that needed the most work done to it in order for it to be an immersive experience was the William Wilberforce Museum, which was not very interesting and was overloaded with information rather than other educational outlets that could have been used. For example, the character of Wilberforce House has been completely removed, and it could have been a great tool to place the visitors into a setting that wouldn’t be out of place at the time William Wilberforce was alive. Another thing that we all picked up on was the fact that the methods of learning were not engaging; there was too much text and not enough images/replicas for the people to look at and interact with. A suggestion that was made was to include interactivity. Each room should have a technology information patch where people can go and scan their phones/tablets to receive information this way. As well as this, they could also include a map of the museum so that the experience can be more interesting and engaging to children.

In the Street Life Museum next door, the experience was much more fun, with replicas and exhibits for the people to see and even experience for themselves. One thing that stands out as a great immersive device was the horse and carriage simulator, where visitors can sit in an actual carriage and experience the movement of what it would have been like a hundred+ years ago, this was one of a few sections of the museum to also use sound to immerse the public completely in the experience. The Street Life Museum also has replica sweet shops, chemists, and butchers etc. which are engaging already, but an improvement to this area of the museum would be sounds and smells, which would immerse the general public even more.

The last museum that we visited was the History Museum. This museum was similar to the Street Life Museum in terms of how immersive it was. Replicas were used so that the experience was more real and about much more about looking rather than reading, although that was an option. The main note taken away from going to all of these museums is how all of them can be brought more into the technological aspects of immersing their customers; giving the visitors an educational tour using all of the informative mediums (sight, sound, video, touch, experiences with replicas etc.) to create an experience that gives a lasting impression on the public and also educates them on the museum subjects.

Gantt Chart- Creative Futures Planning

For my module planning, instead of using Tom’s Planner, I decided to use Teamweek. I found this website to be easier to use, indicating my tasks by colour and categorising them by module. As well as creating a task-by-task plan for my Creative Futures module, I could also create one for my Self-Initiated Project, too. This helped will my organisation as I could see all of my tasks in one page. Another factor was I could also use the Teamweek application, which made the software easily available on all of my gadgets.