The parallax effect in design involves a background that moves in a different pace to the foreground content, the visual technique creates the illusion of depth (17 unique websites with parallax scrolling effects | Webflow Blog, n.d.).
For this activity I created a webpage, promoting a range of fair trade products, as instructed. After completing step-by-step tasks on how to create the parallax effect within Elementor, I felt confident enough to create the Fair Trade webpage.
Using this visual technique creates a sense of professionalism within web design. Having simple animations throughout a website can increase the onboarding aspect for a user experience. Like the video above, showing different images through a parallax animation is enticing to the user, it can make the user want to interact more with the animation.
I’m very glad to have learnt this technique and will be exploring it further for my design portfolio campaign piece.
References
17 unique websites with parallax scrolling effects | Webflow Blog. (n.d.) Webflow. Available online: https://webflow.com/blog/parallax-scrolling#:~:text=What%20is%20a%20parallax%20effect [Accessed 21 Jan. 2023].
Fair Trade Facts for Kids. (n.d.) Available online: https://planbee.com/blogs/news/fair-trade-facts-for-kids [Accessed 21 Jan. 2023].
Fair Trade Labels: The Complete Guide. (n.d.) Available online: https://www.traidcraftshop.co.uk/the-thing-about-fair-trade-labels [Accessed 20 Jan. 2023].
Fairtrade Foundation (2021) What is Fairtrade? Fairtrade Foundation. Available online: https://www.fairtrade.org.uk/what-is-fairtrade/ [Accessed 20 Jan. 2023].
Fairtrade Logo. (n.d.) Available online: https://greensouthwell.org.uk/2022/04/29/fairtrade-matters/ [Accessed 20 Jan. 2023].
Fairtrade reflects people’s personal values. (2019) Available online: https://www.sustainweb.org/news/may19_fairtrade_survey/ [Accessed 20 Jan. 2023].
Honey, H. (n.d.) Hilltop Honey Tesco. Available online: https://www.tesco.com/groceries/en-GB/products/301234925 [Accessed 20 Jan. 2023].
Mars launches Fairtrade certified Malteasers in the UK. (2017) Available online: https://www.confectionerynews.com/Article/2012/06/20/Mars-launches-Fairtrade-certified-Malteasers-in-UK [Accessed 20 Jan. 2023].
Pearce, E. (2021) Everything you need to know about Fairtrade. Available online: https://www.coop.co.uk/blog/everything-you-need-to-know-about-fairtrade [Accessed 20 Jan. 2023].
Smith, S. (2015) 11 Best Fairtrade Food and Drink. Available online: https://www.independent.co.uk/extras/indybest/food-drink/chocolate/best-fairtrade-food-and-drink-organic-sainsburys-coconut-oil-waitrose-10065562.html [Accessed 20 Jan. 2023].