Sergey DesignerGet a quote ↗

SERGEY DESIGNER / PRODUCT MOTION

SaaS & Lottie Animation Case Studies
See the work and the thinking behind it.

Explore animation projects for Weeztix, LodgeiT, Zoza.ai and DraftCheck: the challenge, the motion approach and what was delivered.

Discuss your project ↗

01 / Event ticketing / SaaS

Weeztix

UI animation / micro-interactions

Project details ↗

The challenge

Event organizers and ticket buyers need to understand what is happening across event setup and checkout. This project focused on the interface moments within that ticketing journey.

The solution

Animated UI elements and micro-interactions were created for checkout and the event-creation dashboard. The work addressed product feedback and the relationship between an action and the next interface state.

What the client received

Animated UI elements and micro-interactions for checkout and event management.

Explore this service ↗

02 / Accounting / FinTech

LodgeiT

Animated illustration / UI feedback

Project details ↗

The challenge

A tax-lodgement platform needs to present complex workflows without making the interface feel more demanding. The project centered on explanations, progress and feedback within those workflows.

The solution

Animated illustrations, UI feedback and status indicators provided a motion vocabulary for the platform. The focus was on helping the visual presentation communicate what a process was doing and where the user was in it.

What the client received

Animated illustrations, status indicators and interface feedback for tax workflows.

Explore this service ↗

03 / AI / Sales research

Zoza.ai

Lottie / product illustration / onboarding

Project details ↗

The challenge

AI processing often happens out of sight. The project needed a visual way to explain activity in a sales-research tool, including loading, connected workflows and the first product experience.

The solution

A set of Lottie animations covered AI processing, data loading, calendar integration and onboarding. These sequences brought a common animation format to several moments in the product rather than treating each visual as an isolated film.

What the client received

A Lottie set for AI processing, data loading, calendar integration and onboarding.

Explore this service ↗

04 / LegalTech / Document review

DraftCheck

Product illustration / scanning and feedback animation

Project details ↗

The challenge

An AI-assisted document review tool needs to explain scanning and feedback in a way that legal professionals can follow. The visual challenge was to make an otherwise hidden review process understandable.

The solution

Animated product illustrations represented document scanning, error detection and progress. The work concentrated on explaining the process rather than making an unsupported promise about the accuracy of the underlying review system.

What the client received

Animated product illustrations for document scanning, issue detection and progress feedback.

Explore this service ↗

WATCH THE WORK

Two more product stories, in motion.

Watch the finished client films to explore the pacing, visual explanation and product presentation.

Bargoss product animation video previewPlay Bargoss ↗

Bargoss

A client product-promo reference. Use it to discuss the visual direction, pacing and level of explanation you need for a launch.

CIM Online product animation video previewPlay CIM Online ↗

CIM Online

A client explainer reference for a document-workflow product. View the finished film before discussing a comparable scope for your own software.

How to use these references in your brief

Choose the project closest to your product problem and explain what interests you: the way a workflow is introduced, the treatment of loading feedback, the visual style or the pacing of a film. The most useful reference is specific. A similar business category does not automatically mean the same creative treatment will fit your interface.

For UI work, share the screen, intended trigger, important states and target platform. For a film, share the audience, key message, approximate duration and placement. Existing design assets and a realistic review schedule help turn a reference into a defined proposal. The animation library also lets you share an exact visual reference and try a brand color.

Client artwork remains a reference for discussion. A new project receives its own scope and agreed usage rights. The cases describe the delivered work; business results are included only when documented. If your team wants to evaluate impact after launch, agree the product metric and measurement method alongside the creative brief.

Discuss a similar project ↗Explore 105 animation references ↗
Original dashboard animation preview for a future case walkthrough

CASE WALKTHROUGH / COMING SOON

The decisions behind the motion.

A 60–90 second walkthrough with Serhii: the brief, the animation choices and the handoff. This personal recording is planned; it is not available yet.

Talk through your product instead ↗

INDIVIDUAL PROJECT RECORDS

Eight client animation stories.

YOUR NEXT PROJECT STARTS HERE

Tell me what
you’re building.

A few details are enough to start. I’ll review your goals and come back with a scope, timeline and quote.

Serhii Dovhyi, motion designer
Hi, I’m Serhii.

I’ll be your direct creative partner, from the first idea to the final handoff.

Watch my current introduction ↗Personal welcome video · coming soon

“Sergey overprovided in no time! Super communicative and understanding.”

Chen Saban · Match Media · Client project feedback on Upwork ↗

Scope, payment, revisions and source-file rights are agreed in writing before work starts. NDA available to discuss. Coming from Upwork? You can keep the engagement there.

Your details are used to reply to this enquiry. Privacy policy.

No commitment. Just a clear next step.

Project preview

Original project by Sergey Designer. Open original