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

Website Test

I recently followed an online tutorial to learn how to create parallax assets on a responsive website. The tutorial can be found here: http://www.purepresencecreative.com/video-courses/build-a-responsive-adobe-muse-website

The tutorial can be found here: http://www.purepresencecreative.com/video-courses/build-a-responsive-adobe-muse-website

I didn’t need to follow the entire tutorial throughout as I only wanted to learn some parts of the tutorial.

My test site can be found here: hwatsontest1.businesscatalyst.com