135 USD
1 proposal
1. Title Motion Designer: Lottie Animation of Face Analysis for Landing (Web, Vector)2. What We Do One vector animation is needed for the hero section of the landing page of a web product (AI face analysis, playful format).
Plot: a stylized wireframe face (linear, semi-transparent, drawn by an artist — not a photo). Landmark points (eyes, nose, jawline, eyebrows) sequentially "sit" on it, with a light grid built between them. In the end, 2–3 small score cards gently "fly out" from the face (e.g. Curiosity 88 / 100).
Behavior: build-in on load (the grid builds up, cards appear, ~3–4 s) → then a quiet seamless loop (~8–12 s): the grid barely "breathes," cards gently pulse. No sharp movements.3. Style Aesthetics: editorial, clinical, grey — calm light "studio air," thin lines, soft light from within. Tone reference — QOVES face-analysis (premium "medical-analytical report" × magazine spread).
Important — tone: this is a playful vibe analysis, NOT a medical scan and NOT facial recognition. No IDENTIFIED frames, crosshairs, red, "security" HUD, cyber-neon. Points and annotations should feel interesting and light, not like biometric surveillance.
Palette and typography — strictly according to the extract at the end of this document (adherence to the palette is a condition for acceptance).
References I am adding: QOVES aesthetics + 2–3 examples of Lottie in grey-clinical / wireframe style + a screenshot of the hero where the animation will be (there are glass cards nearby — the animation should coexist with them, not compete).4. Technical Requirements Format: Lottie JSON, transparent background. File size: ≤ 150 KB (ideal ~80–100 KB). 30 fps. No raster images inside — everything is vector (no embedded PNG/JPG). Minimum masks and large gradients; no effects that Lottie does not render natively (complex blur, some merge-paths). Must test export specifically in the web player (lottie-web / LottieFiles preview), not just in After Effects. Mobile: plays correctly and reads on real iOS Safari and Android Chrome; on a narrow column, the face/grid is not cut off, cards do not exceed boundaries; smoothly on budget Android. Artboard that scales cleanly in the range of ~360–700px width. Delivered with a reduced-motion frame — static final state (built grid + cards) for prefers-reduced-motion.5. Deliverables + Rights The contractor delivers: Lottie JSON for the landing. Reduced-motion static frame (SVG or PNG). Editable source file — After Effects project file (.aep) with all layers and labeled groups. (Optional / bonus) "quiet" light version for the login page from the same layers — if you stay within budget; otherwise, it will be moved to the next stage. Rights: full transfer of exclusive property rights + unlimited commercial use. The contractor confirms that all elements are original or licensed for commercial use.
Fonts in the cards — free Google Fonts (Hanken Grotesk, JetBrains Mono), no paid font traps.6. Process Style frame on the first day — one static frame of the future animation for style approval. I confirm the same day. After my "okay" — animation. 2 rounds of revisions included in the price. Payment in stages through Safe agreement: part after style frame approval, the rest — after acceptance of final files. Important quick start: style frame on the first day, so respond only if you are truly available now.7. Budget and Timeline Budget: $150 for the full scope with deliverables and rights (fixed). Timeline: 4 days from the start.8. What to Send in Response 1–2 works specifically in Lottie / motion (not just static illustrations). Short comment: how you see this style according to our reference. Confirmation that you can start immediately and provide a style frame on the first day. Responses without Lottie examples and without a style comment will not be considered.Palette Extract (to be given to the selected contractor) This is all the color/typography information needed by the artist. Full CSS/repository is not provided. Background: neutral light #f2f5f7.
Grid lines, face outline, text: grey "ink" tones —#1f2730 (main), #56606c (secondary), #8a93a0 (lighter).
Single accent — only on landmark points: grey-slate #505c65 (deeper variant #3b4651). No other accents should be used.
Prohibited: any other colors, saturated gradients, rainbows, neon, red, heavy shadows. Shadows — only soft, low opacity, with a cool tint.
Score cards (trait-reveal): semi-transparent "glass" tiles (frosted, light blur, thin light edge); large number — thin weight 300, elegant, not bold; label — small mono-font, ALL CAPS, spaced tracking. Fonts: Hanken Grotesk — trait names, labels (weight 300–500). JetBrains Mono — small labels, indices, digital signatures (e.g. / 100). Tone in one line: calm almost white studio air, illuminated from within; thin lines; one grey-slate accent touches only the grid nodes.
Behance
