Built with LottieFiles
Open Ocean Lottie Animation
Viky Wijaya
Hero Lottie Animation made for Open Oceans
live Lottie Animation
🎯 Project overview
Title: Open Ocean Lottie AnimationÂ
Role: 2D Animator — creation of a hero-level Lottie animation for the client Open Oceans.Â
Tools & techniques: Used Adobe After Effects + Figma + output in LottieFiles format.Â
Purpose: A hero animation likely for the client’s website (as per “Hero Lottie Animation made for Open Oceans”).Â
âś… Why this works / highlights
Modern format & responsive: By delivering in Lottie format, Viky enables the animation to be lightweight, scalable, and web-friendly (ideal for high-quality interactive animations without large GIF/MP4 overhead).
Strong toolset: Using both After Effects (for complex motion and compositing) and Figma (for design / prototyping) shows a full pipeline from design → motion.
Hero-level impact: The “hero” qualifier suggests this animation sits front & centre — which means high visibility and high reward for the client.
Professional presentation: The portfolio piece clearly states the client, role, tools, and deliverable — helping future clients understand what they are hiring for.
đź“Ť Key deliverables & process (inferred)
Concept & design phase: likely starting with Figma to layout composition, assets, and interaction specs.
Animation phase: After Effects to animate and refine motion paths, ease-in/out, transitions, etc.
Export & integration: Package into Lottie format (using LottieFiles pipeline) so the animation can be embedded on web/mobile with small file size and vector fidelity.
Review & delivery: Working with client (Open Oceans) to ensure the hero animation fits brand colours, pacing, and website performance.
đź’ˇ Vibes & visual style
The title “Open Ocean” evokes a fluid, wave-based, expansive style — likely the animation uses smooth, flowing movement, subtle gradients or sea-tones, giving an ambient, refined look.
The fact that it’s hero-level suggests the motion is polished, clean, and integrated into the brand’s first impression.
Using Lottie implies crisp vector graphics (rather than raster) — good for scaling and retina displays.
đź“ť Tips / take-aways for similar projects
When you do a hero animation, make sure performance is considered: Lottie helps but still test on mobile & slow networks.
Structure your deliverables: show client name, tools used, role, deliverable format (as Viky does) — great for attracting similar clients.
Highlight interaction or responsiveness (for example, animations that respond on scroll or on hover) — Lottie is ideal for that.
Show before/after or context (e.g., how the animation sits in the website) — if not already present, consider adding it for future portfolio pieces.
đź“Š Outcome & value proposition
For the client (Open Oceans), the value is: high-quality hero visual, likely improving engagement, brand image, and user experience.
For the animator (Viky), the value is: showcasing premium skillset in motion design + Lottie, positioning for similar briefs (interactive websites, SaaS hero animations, brand transitions).
The piece sits well in a portfolio titled “Motion Graphics, Animation, Web Design, Adobe After Effects, Lottie, Figma” — aligning him with those specific service lines.Â
Like this project
Posted Oct 10, 2025
Lottie animation crafted for Open Oceans using After Effects and Figma. A smooth, wave-inspired motion design optimized for web performance and brand impact.
Likes
0
Views
4
Clients
Open Oceans
