Landing Page/Pop-Up Idea

In order to combat the responsive height issue, I had the thought of having a landing page. Where the user accesses the site initially and has the ability to click on two links. One link that opens a pop-up window that houses the narrative part of the site that I want viewers to visit and another link that simply takes users past this and straight too a page that simply houses all the relevant information that an employer would want to see, this would be for returning viewers that don’t want to scroll through the entire site to get the focussed information.

One issue I can see coming from this is that people don’t like pop-ups. As they are typically seen as intrusive. Whilst I don’t believe this will be the case for something such as this, when the user will know that a pop-up is going to appear it is still something to consider.

A widget that allows easily customizable pop-ups can be found here:

http://resources.muse.adobe.com/products/pop-up

 

Interactive Video

Following my research I don’t think it is possible to have interactive video within muse. Alternatively there is more room for interactivity throughout the site with different widgets.

 

Interactive scale widget:

This widget allows simple state changes when clicking or hovering on a button. Whilst this isn’t a massive level of interactivity it does add an extra level of depth and could work well when applied to the right elements.

http://resources.muse.adobe.com/products/interactive-scale

 

Flashlight 404 widget:

This widget adds an editable 404 Error page with an interactive flashlight effect. Whilst it is highly unlikely that a user will 404 on my site it is a good failsafe and users will likely appreciate this interactive novelty.

http://resources.muse.adobe.com/products/flashlight

 

Animation Effects Widget:

This widget allows the user to add 95 different customizable widgets that add some level of animation and interactivity to the site. Solely visual it can make the site a lot more interesting on the eyes for the user.

http://resources.muse.adobe.com/products/animation-effects

 

Movable Item Widget:

This widget allows the user to add a movable box on screen. I believe this could work well with some of my ideas if I’m able to frame other objects inside of this item.

Responsive Height Issue

After a bit of research online I think I may have found a solution to the responsive height issue. There are a number of different widgets available through the Adobe Muse Resource Library. All of these cost around £7 so it will be something I need to take into consideration if I fail to find an alternative which so far I haven’t been able to.

Widgets can be found below:

Responsive Height

 

Responsive Height

Website Test 2

Using the same site as last time I decided to change the scroll so it can scroll sideways. Whilst I do think it will look quite cool and have the potential to be quite unique there are some issues I have encountered from doing this first test. At the moment I dont know how to make a horizontal scrolling website responsive. and scalable, there is empty space at the bottom of the screen unless the window size is set to a certain size.

 

The test site can be found here: http://hwatsontest2.businesscatalyst.com/index.html