Reflection on Online Immersive Websites Presentation

Online Immersive Websites

On the 27 April 2016 each person in the group was expected to produce a presentation on what they believe to be an immersive website. We had to conduct research to find 5 different websites in which fitted the task. Once all 5 websites were picked we then had to create a visual presentation and deliver a professional standard presentation. I believe that my presentation went extremely well on the day. I felt that I really understand what an immersive experience are now.

Researching I found interesting as you stubble across many weird and wonderful things. It was evident that some people used the same websites as others. For instance, in mine I used the Latvian Holocaust Mueseum and I think a few others did too. I personally don’t feel this was an issue as it must be affective and must showcase that it is a very engaging and immersive website. I wish looking back now, I picked some of the other websites I had seen when conducting research as people may not have come across them before.

I only used my presentation as a visual aid, there was only bullet points to back up what I was talking about. Lots of images where used within the presentation. I really took on board all the information gained in the previous sessions about how important it is to know your content, how to present well and how to create a PowerPoint slide which isn’t to heavy for the audience. This is my presentation. Click on the link if you want to see.

Immersive Online Experiences – Copy

The main thing that I feel stood out on my presentation was the fact I incorporated screen recordings. Each screen recording was done before the presentation. The screen recordings where of each website, I recorded myself moving around the screen, clicking and hovering over key parts of the website. This was done so that I didn’t have to rely on the hyperlinks and the internet connection to load each page. Especially, within the location we were in, is not a reliable space for internet connections and fast broadband. The screenshots allowed me to not have to jump in and out of the presentation, this allowed me to deliver a much smoother presentation with no hassle. There were limitations in doing this. It didn’t capture sound bites when on the website. The sound would have given the moving image more of an impact. This was not the end of the world because it allowed me as the presenter to talk and explain things without getting distracted. I didn’t feel that I needed a script or cue cards as I really planned out in my head what I wanted to say. I feel that it comes much more naturally when not using aids. As I had practiced I didn’t feel as nervous or anxious to do the presentation. Also it was a very fun task which made things easier.

I really enjoyed this task and the overall brief as it allowed me to full understand what immersive means. In the other section of the brief it really allowed us to use content we found interesting and produce an interactive and immersive online presents. This was really enjoyable and stimulating. I feel the research into immersive online websites really helped with this section of the task as it allows us to see first hand what has already been produced and what the most common elements to making an interactive website succeed and draw viewers in, whilst keeping them engaged with the content. Over the next few years I hope to carry on developing a creative flair to my work as it makes the work so much more alive. These skills learned will be evident in my work from now on because I have to consider, who and where I want my content to be seen. If it is done well then it will help me to become trusted and more well known.


Podcast – Assignment Reflection

Over this assignment I was able to be creative and put my personality into a final product. I really thought that been able to develop and create a podcast was a really interesting task and made me more aware of the importance of sound quality and the technologies that can help you to manipulate and change a piece of work. this could help to make it much more interesting.

Things that I found difficult, was the accessibility of getting out and about to an event. This meant the task was limited to what i could actually produce. I am trying to get funding for a racing chair to help me with my dreams of potentially getting to a competitive standard. This is the key to my podcast. I hired talent to do the presenting as i would be required to do a interview.

Another thing i found challenging was the jingle element of the task. Just wasn’t sure where to take it or how to produce it to a high quality.

To improve the overall product, I would have more varietions of content so that I had more to choose from later when editing. Also managed the sound levels better so that it was more consistent.

What i enjoyed was the fact that we was immersed into using new softwares that are industry standard.

My podcast turned out well. I managed to get within 10% of the time length required. I am fairly pleased as I chopped lots of silent pauses out. Some of the sound quality wasn’t perfect due to pops, crackles and background noise.

For this assignment I used a Zoom H2N dictaphone and another dictaphone. The sound quality would have been more professional if I was able to use a quieter location like the sound studios. Unfortunately, the only times I could have done the interviews the sound studios were either closed or in use by other sessions going on.

I managed to include mandatory elements on the brief. Including a jingle, introduction, interviews.

Immersive Web Presentation – Script (analysis)

The 5 websites I chosen to do my presentation on where:

Nespresso Naora

Screen Shot 2016-05-05 at 22.26.54.png

The Nespresso Naora website is really interesting; it is a great example of an immersive online experience. When you go onto the page, it instantly has things like moving images and zooms through the different parts of the page. Type appears and fades away. Once on it is set out so viewers can have more then one way to navigate around the page. For instance, through a scroll system or call buttons and through the banner. This website allows users to follow the information in both linear and a none linear way. There are also personalised settings like to change the language of the site, mute sounds and even outer pages to go shopping for brand items.

The page tells a story of what the product is, where it is produced, how long the process takes. There’s sounds, videos and images all over the site. Just giving out all the information people may want to know or may find interesting. The fonts used are really simple and easy to read this is a bonus to the site as it allows ease and for individuals to digest the information embedded within the site. The colours are bright, and create the ideas of a luxury brand which people will buy into. All of the different elements make this site really enjoyable for the viewers.


Screen Shot 2016-05-05 at 22.43.58.pngSnowfall is a really interesting site, it is done in a long form format. This means that there is lots of text. To break it up what the site has done is include, social media links, videos, photos, sound clips and moving images. The writing is in a really simple but affective font. It allows people to take in the mass of the text. The key interactive parts of the site really immerse the viewers as it keeps them seeing something new. The images give the content a humanised feel and draws people in. The banner is great as it allows you to embed information elsewhere, on social media, emails etc. Also a chance to change language to your personal preferences. I also allows viewers to move in a none linear away and skip parts they may not be interested in. The colour scheme is basic but matches the content. The website really tells a story.

The Latvian and Holocaust Museum

Screen Shot 2016-05-05 at 23.09.07.png

This website is my favourite of the websites I looked at. It is so immersive and gripping. The content tells the story of people who survived the holocaust. There are lots of different interactive elements on the site like hover over buttons, call buttons, Maps, sound clips, video, many images and key text. The best part of the website is the ‘Walk Among Memories’ it uses ‘Google Maps’ to show viewers the different places of where the camps where and where the guards stayed etc. When you find a specific area in the map image appears along with text and audio this adds more dimension to the website as it tells a story about the heritage and history. I think the colour scheme added tension with bold red and dark greys. It told the viewer this was a dark period in history. This site really pulled at the heartstrings as the imagery humanises the content and makes you feel like that could be someone you know.


Screen Shot 2016-05-05 at 23.20.57.png

This is a health and fitness website. I personally believe that the design is very simple but gives the viewers a good immersive experience as it is clean having navigation and screen changes. Small amounts of information on the home page is useful as people read differently on a website.It allow people to buy fitness product and call buttons and pull down bars make the buying process simple. Also there are a wide range of hover over buttons. This is generally an image and if you hover over text will appear. This would appeal to a much more niche target audience with it being health and fitness and a buying site.

Qbit technologies

Screen Shot 2016-05-05 at 23.37.50.png

The last website I chose was Qbit technologies. According to the website Qbit is an Innovation Lab that focuses in creating links between research on new technologies and businesses. They  Specialise in Virtual Reality, 3D Immersive Experiences, 3D Training Simulations, 3D Serious Games, Virtual Assistants, Virtual Worlds and Immersive Technologies in general. There is so much going on in the site, for instance, it has symbols, images, virtual gaming aspects, videos, maps, sound clips, hovering buttons and much more. This would appeal to a specific audience like the last website I spoke about, this is because gaming is not for everyone. The language reflects this with using gaming language that you wouldn’t necessarily know otherwise.

InDesign Project – Creativity Techniques

Creation of Light Beams

  • Set up a document page in photoshop
  • Set the background to black
  • Made a new layer
  • Used the rectangle marquee tool and draw a rectangle downwards
  • Click shift delete the fill pallet pops up
  • Set use to 50% grey, click ok and deselect
  • Go to the filter dropdown bar and render (click fibers)
  • I changed the Variance (4) and Strength (36) click ok
  • Then go to filter, blur and motion blur
  • Set the Distance to 250 pixels and the angle 90 degree up and down blur (click ok)
  • Apply layer mask and click the gradient tool and click the 2nd box in on the pallet
  • Mask out the top layer by holding shift and dragging down
  • Once done go the the layer mask and drag to bin (the masked area stays)
  • Press CMD and T to free transform and rotate the shape to the angle required
  • Right click on the shape and go to distort (then move corners in to make a triangle shape at the top.
  • Go to image adjust (hue and saturation making sure the colourise box is ticked)
  • Select colour required
  • Then if wanted duplicate layer to make more versions of the light beam.
  • Make the circle place on floor to make the light seem to hit the floor. Use the elliptical marquee tool and create a squished circle. Fill shape with same colour of beam
  • Filter, blur, gausian blur, set Radius to 15 and click ok this make the round edges not so sharp
  • Also you can add text if wanted (making shadows to reflect the light bounce)

This was the outcome when I followed my notes step by step. I will then place this into my Indesign file.

Spot Light Practice.png

Font Catalogue for DPS

For the front page I want to use:

  • Times new roman – different elements of the stand first to be different sizes
  • Apple chancery  – main headline – because it has the desired G to hang the noose off

For all other pages :

  • ExpoXY histoRy or fonts created myself for the headlines
  • Post it note writing will be in American Typewriter and names in bold and a size 18 instead of 16pt
  • Times new roman for body copy – 10pt or above depending where placed on the page. (Pull out quotes will be in red and larger to the body copy on the page)

The reason behind these fonts are that they are easy to read, so instantly gives the dps credibility. Also, because the fit in with the narrative of the text for instance, American typewriter is symbolic as it is about americans and about how journalist took down a president.


Indesign (Indesign mock ups)

From making digital mock ups of my sketches, I have noticed a few issues and asked for feedback from others. The issues noticed it that its is just to basic and not creative enough. What I have shown is that I can put information into a layout. This is far to formal and not immersive enough. I am going to scrap what I’ve done and start again, making it more gripping for the audience. I will use more designs and look deeper at the content in a more fun and exciting way.