Skip to page content and links

Work

pRxcision Webflow Lottie Site

A Webflow site built from a Figma wireframe with scroll-based Lottie animation, and optimized Lottie files for it.

Client: pRxcision

pRxision / 2023

A Figma wireframe, scrolled to life.

My role: Webflow build and Lottie animation and optimization.

Delivered: A Webflow site with scroll-driven Lottie animation and the Lottie files behind it.

Tools: Webflow, After Effects, Illustrator, Lottie.

The brief

The client had a highly conceptual Figma wireframe to implement entirely in Webflow, with high-end scroll-based Lottie animation, and illustrations they supplied that needed to come alive.

The build

I built the site in Webflow and animated the 2D illustrations as Lottie, optimized for the page. The Drive deliverables include Lottie files such as an earth zoom, a world map, a USA map, a brain background, an alert and a pulse, each with HTML demos.

The delivered experience

The contract ran from 24 April to 8 August 2023; the Upwork portfolio item was published on 15 August 2023. The client wrote: "Unparalled expertise in Lottie animation and optimization. Especially appreciated the creativity in breathing life into 2D illustrations provided."

Project media

pRxision website: full scroll

A full scroll through the website with its Lottie animations in place.

pRxision Webflow Lottie Site: reel

The 7 delivered Lottie animations one after another, rendered from the files on this page.

Have a project in mind?

Explore motion design and interactive animation services, or get in touch about your project.