← All work
Motion Design Microinteractions After Effects Web Animation

Alive and On Brand

I created Bonde’s website animations in After Effects and delivered them as complete, interaction-ready assets for integration into the site’s code. The work brought the production company’s illustrated identity into motion, from expressive characters to animated scenes throughout the website.

Authoring After Effects
Client Bonde — Video Production
Role Motion Designer
Timeline 2 weeks
Live site dobonde.com ↗
Original motion preview · Bonde’s illustrated world in motion.
95 animations prepared for web interaction
After Effects animation authoring
2 weeks to create and deliver the animations

Make the brand feel as good as it looks

Bonde is a video production company in São Paulo. Its website already had a distinctive illustrated identity, with expressive characters, bold shapes, and bright colours. My contribution was to bring those visual elements into motion.

I authored the animations in After Effects and prepared them for interactive use on the web. The delivery consisted of complete animation assets ready to be integrated into the website’s code.

From After Effects to a development-ready delivery

The work connected motion authoring with its use in an interactive website: giving the illustrations movement, shaping how that movement felt, and delivering assets ready for implementation.

①

Authoring the motion

I animated the brand’s illustrations in After Effects, working on their timing, gestures, and movement to extend the personality of the existing identity.

②

Preparing for interaction

The animations were created for an interactive web experience, with their behaviour considered as part of how the illustrated elements would be used on the site.

③

Delivering for implementation

I delivered the animations as complete, interaction-ready assets that could be integrated into code, carrying the motion work through to a usable development handoff.

Original motion preview · Character animation in the website’s main scene.

The identity comes through in the characters.

The illustrated cast carries the brand through the website. Their gestures and movements bring personality to the page, connecting the animation work to the existing visual identity.

The original previews show that motion in context, alongside the site’s typography, layout, and illustrations.

Original motion preview · The illustrated characters continue into the contact scene.

Motion authored in After Effects. Ready for the web.

I delivered 95 animations in two weeks, created in After Effects and prepared for interactive use and implementation in code. My responsibility covered the motion work and the delivery of the animation assets.

The result extends Bonde’s illustrated identity into a moving web experience. You can also see the brand at dobonde.com ↗.

← PreviousCareer Progression Experience All work