Further Website Developing

Hannah made this infographic of our call-to-action phrase to put at the end of the webpage

We put the newly revised showering video in

We made our call-to-action phrase an animation in Adobe After Effects (a drop of water falls out of the tap) 

We exported this clip as an H.264 so that it would be an MP4, allowing us to embed it in our webpage

We placed the animation in our coding and made sure that it was looped

We had to centre it and give it some padding

We filmed water going down the drain of Hannah's bath and exported it from Premiere Pro as a short clip that we could have continuously looping at the top of our webpage

The looping background video placed in our webpage

We separated both the information section and the footer section from the video sections by making little gaps between the block that allowed the video behind to show through

We worked out how to make our header a link that would take you back to the top of the page when clicked

Adding more text after the videos that includes more of a call to action