15–20s Website Hero Animation for Mobile App (UI Promo)
Budget: $30 – $250 USD
We need a short, punchy 15–20 second animation to showcase how our app works. This will live at the top of our homepage (hero section) and should be loop-friendly, modern, and clean. The piece has to be pure motion graphics rather than character-driven 2D/3D work, and the look should stay clean, professional and formal—think polished UI transitions, crisp typography, and restrained colour accents that reflect our brand palette.
The story line is straightforward: a phone mock-up reveals the Door Shark interface, key screens glide in, and subtle micro-interactions highlight how quickly someone can complete the core task (I’ll supply the Figma file with screens and the exact order). Timing matters; everything needs to resolve comfortably within 20 seconds so the hero section neither lags nor feels rushed.
Core requirements
• Aspect ratio: 1920 × 1080 and a second export at 1440 × 900 for faster page loads
• Code-ready deliverables: high-quality MP4 (H.264), WebM, and the project file (After Effects or equivalent)
• Seamless loop option preferred, though a clear out-animation that ends on the logo is acceptable
• Colour, typography, and spacing must match the supplied brand guidelines 1:1
• All animations should remain under 30 fps for smoother browser playback
Think app promo with phone mockups and smooth UI transitions—no voiceover, just captions and music.
Please include a link to at least one previous hero or product-led motion graphic that shows you can balance clarity with elegance. Looking forward to collaborating and getting this live on the site.
The story line is straightforward: a phone mock-up reveals the Door Shark interface, key screens glide in, and subtle micro-interactions highlight how quickly someone can complete the core task (I’ll supply the Figma file with screens and the exact order). Timing matters; everything needs to resolve comfortably within 20 seconds so the hero section neither lags nor feels rushed.
Core requirements
• Aspect ratio: 1920 × 1080 and a second export at 1440 × 900 for faster page loads
• Code-ready deliverables: high-quality MP4 (H.264), WebM, and the project file (After Effects or equivalent)
• Seamless loop option preferred, though a clear out-animation that ends on the logo is acceptable
• Colour, typography, and spacing must match the supplied brand guidelines 1:1
• All animations should remain under 30 fps for smoother browser playback
Think app promo with phone mockups and smooth UI transitions—no voiceover, just captions and music.
Please include a link to at least one previous hero or product-led motion graphic that shows you can balance clarity with elegance. Looking forward to collaborating and getting this live on the site.