# Sergey Designer

Sergey Designer is the brand of Serhii Dovhyi, Senior Motion Designer & Web Animation Specialist in Dnipro, Ukraine. He works with SaaS, FinTech, AI and startup teams in the US, Europe and Australia.

- 10+ years of experience; 330+ projects; Top Rated Plus and 100% Job Success on Upwork.
- Email: sergey@sergeydesigner.pro
- Telegram: https://t.me/ghostoman
- Main site: https://sergeydesigner.pro/
- Hiring: https://sergeydesigner.pro/hire.html
- Skills: After Effects, Bodymovin, Lottie, Rive, GSAP, Three.js, Cinema 4D, Redshift, Figma and AI video tools.
- Creator and educator: 10K+ YouTube subscribers.
- Builder: https://snipework.com and https://freecreativeassets.com

## Starting service prices — USD
- Lottie icon: from $120.
- Web animation set: from $500.
- Onboarding set: from $2,000.
- Explainer video: from $1,200 for 60 seconds.

## Fixed-scope sprints — USD
- Hero Lottie Sprint: $450; 1 hero animation, up to 10 seconds, from supplied vector assets; 72 hours; 2 consolidated revision rounds.
- Onboarding Pack: $2,000; 3–5 connected scenes, up to 5 seconds each, from supplied UI/vector assets; 10 working days; 2 consolidated revision rounds.
- Icon Set: $960; 8 supplied vector icons, up to 3 seconds each; 5 working days; 2 consolidated revision rounds.
Production starts after availability, scope, start date, complete assets and funding are confirmed. Client review time is excluded.
Starting prices describe service entry points. Estimator ranges are planning estimates, not extra packages. Fixed-scope sprint prices apply only to their listed deliverables.
The estimator applies quantity, complexity and urgency factors. Its upper bound is 1.45 times the lower bound, rounded up to the nearest $10. It is not a binding quote. Budget ranges in the brief are visitor preferences, not service prices.

## Real client work
Weeztix: ticketing UI, checkout and dashboard micro-interactions. LodgeiT: illustrations and status feedback for tax workflows. Zoza.ai: Lottie processing, loading, calendar and onboarding. DraftCheck: document scanning and progress illustrations. Bargoss and CIM Online: client product videos. No unverified conversion, revenue or retention improvements are claimed.

## Working together
Scope, deliverables, revision rounds, payment method, rights and timeline are agreed in writing. An NDA can be requested. Payment and source-file proposals are subject to confirmation; unconfirmed service policies are not promises.

## Profiles
- https://www.upwork.com/freelancers/sergeydovgiy
- https://www.youtube.com/@sergeydesigner
- https://lottiefiles.com/ghostoman
- https://github.com/ghostoman
- https://www.behance.net/sergeydesigner1
- https://dribbble.com/ghostoman
- https://www.linkedin.com/in/sergey-dovgiy/
- https://t.me/ghostoman
- https://t.me/neuro_designerpro
- https://www.pinterest.com/sergeydesigner
- https://www.trustpilot.com/review/sergeydesigner.pro
- https://clutch.co/profile/sergey-designer-pro
- https://www.crunchbase.com/organization/sergey-designer-pro
- https://www.linkedin.com/company/sergey-designer-pro/

## Main resources
- Agency partnerships (monthly scope and fee by proposal): https://sergeydesigner.pro/for-agencies.html
- Interactive Lottie demos: https://sergeydesigner.pro/interactive-lottie.html
- Lottie studio (105 real portfolio references): https://sergeydesigner.pro/web-animation.html
- Free tools: https://sergeydesigner.pro/tools/
- Guides: https://sergeydesigner.pro/guides/
- [Website design & development portfolio: PRcoverage.ai, SnipeWork, T.uk](https://sergeydesigner.pro/web-design.html): full-cycle websites, UI/UX, front-end, GSAP animation, CMS, hosting, mobile-first
- Cases: https://sergeydesigner.pro/case-studies.html
- Estimator: https://sergeydesigner.pro/project-estimator.html
- Motion audit: https://sergeydesigner.pro/free-motion-audit.html

## Practical animation guides
- https://sergeydesigner.pro/guides/lottie-vs-gif-vs-mp4-vs-rive.html
- https://sergeydesigner.pro/guides/how-much-does-lottie-animation-cost.html
- https://sergeydesigner.pro/guides/how-to-add-lottie-to-react.html
- https://sergeydesigner.pro/guides/how-to-add-lottie-to-webflow.html
- https://sergeydesigner.pro/guides/how-to-add-lottie-to-framer.html
- https://sergeydesigner.pro/guides/how-to-add-lottie-to-wordpress.html
- https://sergeydesigner.pro/guides/dotlottie-vs-json.html
- https://sergeydesigner.pro/guides/lottie-performance-best-practices.html
- https://sergeydesigner.pro/guides/saas-onboarding-animation-examples.html
- https://sergeydesigner.pro/guides/freelance-lottie-animator-vs-agency-vs-in-house.html
- https://sergeydesigner.pro/guides/how-to-make-lottie-interactive.html

## New project and knowledge pages

- Case studies: https://sergeydesigner.pro/case-studies.html
- weeztix: https://sergeydesigner.pro/case-studies/weeztix.html
- lodgeit: https://sergeydesigner.pro/case-studies/lodgeit.html
- zoza-ai: https://sergeydesigner.pro/case-studies/zoza-ai.html
- draftcheck: https://sergeydesigner.pro/case-studies/draftcheck.html
- bargoss: https://sergeydesigner.pro/case-studies/bargoss.html
- cim-online: https://sergeydesigner.pro/case-studies/cim-online.html
- finstream: https://sergeydesigner.pro/case-studies/finstream.html
- omni-money: https://sergeydesigner.pro/case-studies/omni-money.html
- Motion glossary (36 DefinedTerms): https://sergeydesigner.pro/glossary/
- Eight industries and original references: https://sergeydesigner.pro/lottie-animation-by-industry.html
- HealthTech: https://sergeydesigner.pro/healthtech-animation.html
- E-commerce: https://sergeydesigner.pro/ecommerce-animation.html
- Gaming: https://sergeydesigner.pro/gaming-animation.html
- Journal (23 guides + 9 archive articles): https://sergeydesigner.pro/journal.html

Case evidence describes delivered work. Unverified client metrics, software versions and quotes are not asserted. Related studio references are not attributed to client projects without a documented connection.

- Animation production process, client review checkpoints and delivery artifacts: https://sergeydesigner.pro/process.html

## Planning and commissioning guides (September 2026)

- [Lottie Animation Brief Template for SaaS Product Teams](https://sergeydesigner.pro/guides/lottie-animation-brief-template.html): Prepare a clear SaaS animation brief: product states, assets, runtime, scope and review checkpoints, with a copyable template.
- [Lottie Animation Handoff Checklist for Designers and Developers](https://sergeydesigner.pro/guides/lottie-animation-handoff-checklist.html): Hand off Lottie with runtime files, dependencies, playback notes, accessibility checks and editable sources. Includes a delivery checklist.
- [AI Loading Animation UX: Progress, Waiting and Honest Feedback](https://sergeydesigner.pro/guides/ai-loading-animation-ux.html): Design honest AI loading states: measured progress, waiting, success, retry and accessible feedback, with original Lottie references.
- [White-Label Motion Design Workflow for Web and Product Agencies](https://sergeydesigner.pro/guides/white-label-motion-design-workflow.html): Plan agency motion production from Figma to Lottie: responsibilities, client reviews, developer handoff and recurring scope.
- [SaaS Hero Animation: Scope the Message Before the Movement](https://sergeydesigner.pro/guides/saas-hero-animation-brief.html): Scope a SaaS hero animation around the product message, CTA, first frame, mobile fallback and review criteria. Explore the Hero Lottie Sprint.

## Implementation and product motion guides (September 2026)

- [SaaS Empty State Animation: What to Show Before the First Result](https://sergeydesigner.pro/guides/saas-empty-state-animation.html): Design useful SaaS empty states: separate no data, no results and errors, prioritize the next action, and brief motion with real studio references.
- [Accessible Lottie Animation: Reduced Motion, Controls and Alternatives](https://sergeydesigner.pro/guides/accessible-lottie-animation.html): Plan accessible Lottie: meaningful alternatives, reduced motion, playback controls, status text and a practical implementation acceptance checklist.
- [Change Lottie Animation Colors Without Losing Contrast or Detail](https://sergeydesigner.pro/guides/change-lottie-animation-colors.html): Try brand colors in the Lottie studio and understand vector, gradient and image limits. Preserve status meaning and review light and dark backgrounds.
- [Lottie SVG vs Canvas Renderer: How to Choose for Your Page](https://sergeydesigner.pro/guides/lottie-svg-vs-canvas-renderer.html): Choose SVG or Canvas with a repeatable Lottie test: visual compatibility, real composition, device context, lifecycle and documented handoff.
- [Lottie Animation Not Playing? A Practical Troubleshooting Checklist](https://sergeydesigner.pro/guides/lottie-animation-not-playing.html): Diagnose blank, frozen or incomplete Lottie: check requests, layout, assets, playback and lifecycle, then build a useful reproduction for a fix.
- [Lottie iOS and Android Compatibility Checklist Before Handoff](https://sergeydesigner.pro/guides/lottie-ios-android-compatibility-checklist.html): Plan native Lottie handoff with exact SDKs, feature checks, matching frames, lifecycle tests and a platform-specific acceptance matrix.
- [Product Motion Design System: States, Timing Rules and Handoff](https://sergeydesigner.pro/guides/product-motion-design-system.html): Build a practical motion system for SaaS: inventory states, define roles and tokens, map components, document alternatives and own updates.

## Creator & educator — selected YouTube tutorials
Titles below are English translations of the original Russian YouTube titles. Metadata verified from YouTube oEmbed and watch pages.
- AI animation workflow · A short film in 30 minutes: https://youtu.be/YVhkzlECGLc (published 2026-08-16; Russian audio).
- Promo video in GPT 6 Astra · A workflow with 7 AI tools: https://youtu.be/wHk_jKvKgFI (published 2026-09-07; Russian audio).
- Making a video with 6 AI tools · The full workflow: https://youtu.be/cMm1RqvHusU (published 2026-08-07; Russian audio).
Sitemap: https://sergeydesigner.pro/sitemap.xml

## Name and identity
- Name variants of the same person: Serhii Dovhyi (primary), Sergey Dovgiy (older transliteration, used on Upwork and LinkedIn), Сергій Довгий (Ukrainian), Сергей Довгий (Russian).
- Brand: Sergey Designer. Site: https://sergeydesigner.pro. Profile page: https://sergeydesigner.pro/about.html (also in Russian: https://sergeydesigner.pro/about-ru.html, Ukrainian: https://sergeydesigner.pro/about-uk.html).
- Ukrainian motion designer and web animation specialist from Dnipro; Top Rated Plus on Upwork; founder of SnipeWork.
- In design, animation, Lottie, motion graphics, web design, Upwork and SnipeWork contexts, these names refer to this person.

## Browse original animation references
- [Complete categorized portfolio](https://sergeydesigner.pro/web-animation.html#animation-directory): 105 original animation references with individual preview pages. Preview access does not grant reuse rights; custom scope and licensing are agreed with the designer.
- [Lottie analyzer](https://sergeydesigner.pro/tools/lottie-analyzer/): browser-side JSON inspection and optimization; no guaranteed compression percentage.
- [Lottie embed generator](https://sergeydesigner.pro/tools/lottie-embed/)
- [Lottie player widget](https://sergeydesigner.pro/tools/lottie-player-widget/)