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) Bridge illustration
- The overall feel of this animation should be light and playful. Here’s a great example: https://www.behance.net/gallery/22981559/Mobile-UI-UX-Design “Conference Call iOS App - Onboarding Flow”
- The only motion here should be the water under the bridge. The water should “flow”. This should be ongoing during the whole animation. (It’s currently shown as a simple mask reveal, but hoping you can add a more sophisticated effect)
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.