A clever new take on parallax scrolling

Inspiration
By published

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

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.

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."

TOPICS
Tom May
Tom May
Freelance journalist and editor

Tom May is an award-winning journalist specialising in art, design, photography and technology. His latest book, The 50 Greatest Designers (Arcturus Publishing), was published this June. He's also author of Great TED Talks: Creativity (Pavilion Books). Tom was previously editor of Professional Photography magazine, associate editor at Creative Bloq, and deputy editor at net magazine.