A clever new take on parallax scrolling

L’Atelier's new site makes subtle use of parallax scrolling

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

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Tom May

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.