Built with LottieFiles

Clean Services Delivery - Lottie animation

Viky Wijaya

Cleaning Delivery Service - Lottie Animation

Project overview

Title: Clean Services Delivery – Lottie animation
Role: Animator / Web Designer / 2D animator (the creator lists 2D Animator, Animator, Web Designer among their skills) 
Purpose: A web-animation for a “Clean Services Delivery” website, delivered in a Lottie format (lightweight vector animation format suited for web). 
Tools/tech: Mentioned skills include Adobe After Effects, Figma, LottieFiles. 

Key elements of the solution

Animation optimized for web: Using Lottie format means animation is lightweight, scalable, and web-friendly (vector based, small file size, smooth playback).
Visual style likely clean, modern, friendly — for “clean services delivery” the animation presumably aligns with cleanliness, efficiency, professional service.
Integration of design into web context: Since the animator lists “Web Designer”, the deliverable likely considered how the animation appears in a website layout (e.g., hero section, service explanation, user-flow).
Workflow: From Figma (design/layout) → After Effects (animation) → export to LottieFiles format for web embedding.

Value delivered

Enhanced user experience: The animation adds motion and visual appeal to what might otherwise be a static website for a cleaning/delivery service, increasing engagement.
Branding differentiation: For a cleaning services company, this kind of animation helps convey professionalism and modernity, differentiating from competitors with static websites.
Web performance: Using Lottie ensures the animation remains performant (important for web load times and mobile devices).
Versatility: Vector/Lottie format means scaling across devices without loss, and possibly smaller file sizes than video or GIF alternatives.

Challenges & how they are addressed (inferred)

Maintaining clarity while optimizing size: Using Lottie suggests the creator addressed the trade-off between rich animations and web performance (file size, load time, responsiveness).
Brand-fit and communication: Ensuring the animation communicates “clean services delivery” clearly — likely addressed through character / iconography / motion design aligning with the service.
Cross-device consistency: Web animations must work across screen sizes and browsers; vector and Lottie help ensure consistency and scaling without pixelation or heavy load.

Lessons & Best Practices

When doing web animations for service-business websites, choose formats optimized for performance (e.g., Lottie) rather than heavy video backgrounds.
Align motion design with brand story: Here, “clean services delivery” implies efficiency and cleanliness — motion should reflect that (smooth transitions, minimal clutter, friendly characters/icons).
Work end-to-end: From design (Figma) → animation (After Effects) → web export (LottieFiles), thinking about how animation fits into the actual website.
Showcase your deliverable: The portfolio shows an actual embedded video/link, giving prospective clients a clear example of your work.

Impact & Take-away for potential clients

For clients: If you’re a service company (cleaning, delivery, logistics, etc.) wanting to modernize your website, this type of animation acts as a strong visual hook and can convey your value quickly.
For freelancers/designers: This project is a good example of combining design + animation + web optimisation — showing full-stack capability (not just making a video, but preparing it for the web).
For end-users: A clean, professional animation on the website helps create trust — the visitor perceives the company as up-to-date, attentive to detail.
Like this project

Posted Oct 13, 2025

Clean, lightweight Lottie animation showcasing a modern service delivery concept—optimized for web use with smooth motion and minimal design.

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc