1) Background gradation
- Make make the green gradation gyrate a bit - nothing distracting, just enough to add light movement. (have been using this CSS generator for similar effects https://www.gradient-animator.com/)
2) Text and text underlines
- Simple animation (fade or slide in/out), add some subtle sophistication here.
3) Train illustration
- the basic animation is shown here. Left to right movement; train exits to the right behind a gradation.
- As the 2nd set of text appears, the coal train should “Break” small white icon symbolizing a single train car being left behind. This single train car should move slowly to a resting point.
- For the coal illustration ONLY - please fade out the remaining coal car before end of the ad animation. Don’t want the static version of this to end with a coal train in the frame.
4) 10% for Good logo and “Explore a greener ODM” text
- simple fade/slide in - match text from above; Add some subtle sophistication here.
Animation should repeat 3x times with a pause between each repetition.
Total optimized file size must be below 50k. Maximum animation length is 5 seconds.
Accepted file types are: jpg, png, gif; 72 DPI; RGB color;
- All production files are send at 2x original sizes for retina output.