Lottie Animations

I’ve done quite a few animations using Airbnb’s Lottie technology, enabling smooth animated vector graphics with tiny file sizes. Here’s a sample of my Lottie animation work.

I created this Lottie animation for UK energy company, Octopus Energy. It was part of a prototype onboarding user flow for a new service launching this year.

The Lottie animation below is an animated logo I created for an upcoming dating app (just 18k file size).

Some more of my Lottie work examples:

University of London online courses

Spikything recently completed a large video production project for University of London, involving taking many of their universities’ courses online (either as distance learning qualifications or MOOCs). Many thanks to our video production swiss-army knife, Napassorn.

The project involved taking raw footage of tutors delivering lectures, keying the footage, cleaning up audio, adding graphics and branding, etc. Some of the footage was low-quality, phone-filmed, making keying tricky; some footage was 4k professionally shot.

The huge amount of assets and people involved means the project needed a reliable mechanism of sharing assets and tracking amends. We created a file-sharing network cluster to enable people working on or reviewing the project to keep things up-to-date easily. We also created a simple online kanban style board for tracking the status of each edit and all deliverables. This helped make the project feel more ‘agile’ and kept work flowing. To help the client deliver things smoothly, we encouraged WIP limits and elevation of constraints to reduce blockages, while the tutors were encouraged to involve themselves in the QA and feedback process as early as possible, to reduce amend cycle time.

Code and motion