Your task is to create a basic prototype to showcase the parallax effect using the prototyping software of your choice. The focus of this task is on applying the parallax effect, rather than perfecting the layout of the website.
Part 1
To guide you, here is the video by Jesse Showalter that we shared earlier in the lesson. Watch it carefully to make sure you have a clear idea of how you will complete the parts below.
Part 2
Design your own product site (two artboards that are sized to a desktop screen’s viewport) as seen in the above video. Alternatively, you can use an existing website (e.g. change the layout of the Milanote website as required).
Part 3
Think about how you will add the parallax effect into the design and then go for it!
Right...so I had a lot of fun working on this task and I might have done a bit more than what the task required.
I did a 4 page made up website. I added hover animations to a lot of the elements, a video, some background elements, PNG images and of course the parallax effects.
Result here: (use keyboard arrow keys to go up and down the slide)
Comments