Whizz-bang parallax scrolling effects have been done to death. Here's a site that takes a more subtle approach.
L’Atelier's new site makes subtle use of parallax scrolling
Parallax scrolling is clearly a trend that's here to stay. But just because it's a popular technique doesn't mean you have to use it. And even if you do, there's no reason to go over the top with it.
A great example of how subtle scrolling effects can be more effective and eye-catching than explosive ones is the new site of Montreal agency L'Atelier. Navigating around the site you may not even notice the effects, but they are there and give a nuanced atmosphere of sophistication and depth to the agency's online presence.
Room effect
"My partner and I wanted to create a room effect, which would represent L'Atelier (it means 'The Workshop' in English)," explains designer Hubert Meffe. "Each room presents objects moving at different speed depending on their depth, which is illustrated with shadows and blur."
The parallax effects were created via a custom made script that uses CSS3 3D transform, HTML5 data attributes and JavaScript.
"A lot of textures and natural objects, such as wood and feathers, are used to represent the handmade brand and personnalized services of L’Atelier," Meffe adds. A lot of photo manipulation was required to obtain the result we wanted."
Thank you for reading 5 articles this month* Join now for unlimited access
Tom May is an award-winning journalist and editor specialising in design, photography and technology. Author of the Amazon #1 bestseller Great TED Talks: Creativity, published by Pavilion Books, Tom was previously editor of Professional Photography magazine, associate editor at Creative Bloq, and deputy editor at net magazine. Today, he is a regular contributor to Creative Bloq and its sister sites Digital Camera World, T3.com and Tech Radar. He also writes for Creative Boom and works on content marketing projects.
