A paper-cut-style animation for Chêne Bleu

A paper-cut-style animation for Chêne Bleu

We created this website-header animation for Chêne Bleu using a paper-cut-style treatment and a combination of 2D and 3D techniques.

The illustrated layers give the scene depth while preserving the cut-paper appearance. The animation above shows that treatment in motion, created for the opening area of the website.

A visual style with movement

A paper-cut-style treatment gives the image a particular visual language. Shapes, edges and the relationship between layers contribute to the effect, while movement introduces another way of looking through the composition.

For a similar brief, it is useful to establish the visual direction before deciding how much should move. Not every element needs animation. The movement should support the image and its role within the page.

Designing for the website

A header animation needs to be considered alongside the page it belongs to. Navigation, logos and text may sit near or over the image, and the visible crop can change between desktop and mobile.

Share the proposed layout and technical requirements before production. If the animation needs to loop or work without sound, include that in the brief. These decisions affect how the sequence begins, develops and ends.

What material is needed?

Tell us whether the artwork already exists or needs to be developed. Provide the brand guidance, reference material and any assets that must be used.

It is also useful to identify who will review the visual direction and who will handle the website integration. The animation and its placement need to be considered together.

Discuss a website animation

Explore our animation work or send us your brief with the intended page, visual references and required outputs.