Live at chirotouch.com Motion Direction Lottie Animation UI

ChiroTouch Homepage.

Full homepage redesign for ChiroTouch — motion direction, hero Lottie, and feature animations built to increase conversions and bring the product to life on the page.

Client
ChiroTouch
Scope
Full Redesign
Status
Live
Screen recording — live site
chirotouch.com
ChiroTouch homepage — live
View live site
01 —

The Brief

Context

ChiroTouch is the leading chiropractic EHR and practice management software in the US. Their primary homepage needed a full redesign — one that would increase conversions and interactivity while more clearly communicating the depth of the product and the outcomes it delivers for practitioners.

The goal was to move beyond static screenshots and make the page feel alive — using motion to demonstrate features in context, guide attention, and build confidence in the product before a visitor ever clicks "Book a Demo."

02 —

My Role

Responsibilities
Provided overall motion direction for the redesigned homepage
Animated the hero Lottie from the graphic designer's layout — the primary interactive element above the fold
Created additional Lottie animations to illustrate product features further down the page
Collaborated closely with the graphic designer and UI/UX designer throughout
Worked with the web development team to ensure Lotties integrated correctly in the live environment
Team
Graphic Designer UI/UX Designer Web Development Lilith Haig — Motion

A true cross-functional project — design, motion, and development working in close collaboration to ship a page that moves and converts.

03 —

Lottie Animation

What is Lottie?

Lottie is an animation format that renders After Effects animations natively in the browser — lightweight, scalable, and interactive. It's the standard for high-quality web animation that doesn't compromise page performance.

For ChiroTouch, Lotties were the right choice: smooth, branded animations that load fast and communicate the product's intelligence without requiring video files or heavy assets.

⚡
Hero Animation
The above-the-fold Lottie introduces the product interface in motion — the first thing a visitor sees, designed to immediately communicate speed and intelligence.
◈
Feature Illustrations
Additional Lotties throughout the page animate product features in context — AI Scribe, patient intake, compliance scoring — making abstract capabilities concrete and visible.
↗
Conversion Focus
Every animation was designed with a purpose: guide attention, demonstrate value, and build confidence in the product — ultimately driving visitors toward "Book a Demo."
04 —

The Result

Live at chirotouch.com

The redesigned homepage is live at chirotouch.com — a fully animated, Lottie-driven experience that communicates ChiroTouch's AI capabilities and product depth at a glance.

ChiroTouch homepage — hero
Hero section — Lottie animation built from the graphic designer's layout
ChiroTouch homepage — features emerging
Feature panels beginning to animate into view
ChiroTouch homepage — AI features
AI Scribe and compliance scoring — Lottie feature illustrations
ChiroTouch homepage — lower page
Lower page — product depth communicated through motion
← Previous
Verizon Campaigns