Feature cards — Animated feature cards for TimiTomi, a booking app for studios

The feature cards from the TimiTomi home page, made into a loop. TimiTomi is the booking app I am building for class studios, such as pilates, yoga and spin.

The four cards land one at a time, the way iOS places a widget: a little large and blurred, then settling into place. The two framed cards get their green gradient once they land, and it keeps turning slowly round the rim.

Inside, each card plays one small moment from a studio’s week. A substitute takes over a Reformer Pilates class. The week’s revenue counts up while the line draws itself. A customer’s page opens from the list. A card payment fails and shakes, a payment link goes out, and the retry goes through as paid.

Every screen is built from the product’s own components, and the animations are the same code that runs on timitomi.com. Only the loop and the landing were added for this shot.