Motion Design

B2B SaaS & EventTech

2025

Ongoing Retainer

Check-in Pax — SaaS UI Animation

Check-in Pax — SaaS UI Animation

Check-in Pax — SaaS UI Animation

Silent UI loops built from Check-in Pax’s event software, showing guest lookup and invitation resends. One optimized web export was reduced to 2.6 MB.

Silent UI loops built from Check-in Pax’s event software, showing guest lookup and invitation resends. One optimized web export was reduced to 2.6 MB.

2.6MB

Web-Optimized File Size

2.6MB

Web-Optimized File Size

0s Audio

0s Audio

Silent UI Loops

Real UI

Real UI

Real UI

Built From Product Assets

Check-in Pax customer support workflow showing chat messages about resending a confirmation email

Check-in Pax — SaaS UI Animation

SCOPE OF WORK

What was built

SCOPE OF WORK

What was built

Web Integration

Silent Auto-Loop Engineering

Prepared silent, seamless-looping animations for inline website playback.

UI Animation for SaaS

UI Motion Design

RSVP & Guest Management

Animated real-time guest lookup, timeline history navigation, and one-tap invitation re-sending inside responsive tablet and phone frames.

Hardware Workflow

On-Site Badge Printing Setup

Visualized physical event check-in scenarios: wireless iOS connections alongside ultra-stable wired USB-C Surface Go printer setups.

Asset Compression

High-Bitrate Compression

Reduced a 45MB master render to a 2.6MB web export while keeping UI text readable at 60fps.

APPROACH

How the work was done

APPROACH

How the work was done

01

PWA Workflow Mapping

Logged into the live Check-in Pax web app to analyze actual event staff journeys - from scanning QR codes to instant walk-in registration.

02

Device & Context Curation

Sourced event venue footage and composited responsive iPad mockups, designing custom tap feedback and animated confirmation badges.

03

Color & Theme Calibration

Iterated background shades across dark, neutral, and pure white palettes to ensure the video canvas blended invisibly into the live website.

04

Payload Optimization

Benchmarked three export profiles (17MB, 10MB, and 2.6MB), fine-tuning codec parameters to deliver maximum visual fidelity at minimal bandwidth.

Embedding video into a SaaS homepage means accounting for browser autoplay policies, background matching, and file size.

For Check-in Pax, we created silent UI loops showing guest lookup and invitation resends, so the workflow could be followed without narration.

We matched the video backgrounds to the website CSS and tested multiple export sizes before reducing one web version to 2.6MB while keeping UI text readable at 60fps.

RESULTS

How it landed

RESULTS

How it landed

Clear Product Demonstration

The founder reported that his wife, who is outside the events industry, understood the concept right away.

Sub-3MB Web Master

Compressed a 45MB master render to a 2.6MB web export for silent inline playback.

End-to-End Asset Extension

Expanded the initial feature loop into RSVP flows, QR check-in demos, and hardware setup graphics.

"

The animation looks great and showed it to others and they all like it! Also my wife who is not into events understood the concept right away. Bulat Visual did a great job on the video and motion design for our B2B SaaS product, Check-in Pax. He really understands the B2B space, works fast, and delivers great quality. Highly recommend!

Boris Barreck

Founder / Product Lead — Check-in Pax

2.6MB

Ultra-Light Payload

60fps

Silent Web Playback

Client Approved

Founder Feedback