How to create successful web animations

What makes a web animation great? Glad you asked, let's take a deep dive into our process to get your website animations on track for success.

Share Post:

The Animation Process:

Overall Goal:

15 second animation articulating the designer to client product handoff.

Key Milestones:

Phase 1: Concept & Storyboarding
Brainstorm and sketch ideas to articulate the story.

Phase 2: Animatic
Adapt the storyboard to a basic animation and fit the timing of the final animation based on it.

Phase 3: Graphics elements
Create and (or) adapt the graphic elements.

Phase 4: Character Rig
Create the hands and set them for the animation.

Phase 5: Animation and motion graphics
Create the animation for the hands and the rest of the graphic elements.

Phase 6: Final Changes and Completion.
Deliver the animation and see if there’s any minimal changes to be made.

Animation Timeline Estimation:

Concept & Storyboarding 1 day
Animatic 1 day
Graphic elements 1 day
Character rig 1 day
Animation, motion graphics and compositing 3 days
Estimated Total Time: 1 week

Art Direction: Armando Soria
Animator: Edmundo Landaverde

Please note: This project milestones and timeline are estimations and should be used as a guide and might be subject to changes. The total time is estimated within a “reasonable” response time from for client feedback.