Motion: event Reels and interfaces
- Category:
- Motion design
- Role:
- Concept, motion design and sound design
- Period:
- 2026
In six weeks, I made ten vertical Reels covering eight tech and startup events in Brazil, each built inside the event's own brand system. I took every Reel from concept to final render in Remotion, a React framework for video, adding WebGL layers or SVG filters when a piece needed them. Further down, the page also shows motion in interfaces and on the web from two product projects, Yankee and Zyla.
Basis: the Reels are self-initiated, not commissioned by any event or brand. Nine of the ten are public on Instagram, all but the Festival SGB one. The interface pieces come from the Yankee and Zyla cases on this site.
Lovable Day São Paulo, made on the day of the event
Lovable Day São Paulo took place on October 16, 2026, at the Community Creators Academy. I was there and made the Reel the same day. The idea is a Lovable chat that builds the event: it opens on a prompt, the photos and footage of the day take over under the line "Do prompt ao palco" (from the prompt to the stage), and it closes back in the chat with an invitation to build the next one. The type is Inter Tight, the logos come from Lovable's Brand Hub, and the background is a WebGL mesh gradient in dark mode, with colors sampled from Lovable's official brand fills.
Beat by beat
- 0:00The prompt "Cria o maior evento de Lovable do mundo, em São Paulo." (create the biggest Lovable event in the world, in São Paulo) types out in large gradient letters, docks into the prompt box and is sent.
- 0:04It comes back as a chat message, "Pensando..." (thinking) pulses beside Lovable's heart logo, and the answer writes itself word by word: "Construindo o Lovable Day São Paulo." (building Lovable Day São Paulo).
- 0:08Four cards of event footage rise in perspective on staggered springs, and each one swaps its clip twice.
- 0:11A click opens one card to full screen. "Lovable", "Day" and "São Paulo" push in one word at a time, and the drop of the track lands at 0:12.
- 0:16Eight shots of the day, one every three beats of the 120 BPM track, joined by whips, hard cuts and a light leak. "Do prompt" and "ao palco." land over them, one line at a time.
- 0:28Five tilted cards (four clips and a photo) fly up on springs and float, with motion blur along their path.
- 0:31Back in the chat, the question "Quer construir o próximo?" (want to build the next one?) gets the reply "Bora construir!" (let's build!), and the camera dives into the send button.
- 0:33The final card brings in "Lovable Day", "São Paulo", "16.10.2026" and the logo, each on its own spring, under the same light as the first frame.
The series
One Reel for each of the other seven events, shown as muted 10-second excerpts on loop. The links open the full pieces on Instagram.
DevDay Exchange, Florianópolis
It takes its language from the opening of the OpenAI DevDay 2026 keynote: a flat green face with "0" eyes bursts into particles that write "OpenAI", and the "[2026]" in "OpenAI DevDay[2026]" decodes letter by letter into "[Floripa]". On the drop, the OpenAI flower spins in and the first photo opens inside it. It closes on "Valeu, [Floripa]" (thanks, Floripa). 27 s, event on October 22, 2026. Make-a-thon, Friends of Figma Floripa
The results piece opens on a hug at the award ceremony, before any logo, and puts the challenge in type: "Crie uma experiência que gere muita ansiedade" (create an experience that causes a lot of anxiety). The winner is revealed in two beats: "E o resultado..." (and the result...), then "Venceu:" (winner:) and "FinDuck". The transitions are shapes from the identity itself: a flower, hexagons, bobbin lace and a checkerboard. 40 s, event on October 24, 2026. Room 30, Rivool Edition
The Rota 14 and Rivool Finance meetup on "O novo dinheiro" (the new money). The piece opens on "Todo empreendedor pensa no negócio. Quem pensa no dinheiro?" (every entrepreneur thinks about the business. Who thinks about the money?), and the closing shot repeats that composition with the answer: "Uma sala inteira, na mesma mesa" (a whole room, at the same table). In the middle, the footage plays inside a cut-out "30". 32 s, event on September 30, 2026. Sunset Roundtable, Indicium
Ribbed glass in WebGL and an SVG displacement filter bend the photos of the meetup. 37 s, October 2026. Festival SGB: trust it or check it?
The piece that set the rules of the series, in the festival's colors and the Sora typeface. It opens on "400 currículos. A IA fez o ranking. Você confia?" (400 résumés. AI ranked them. Do you trust it?) and answers that question at the end. 40 s, September 2026. Build Day São Paulo, Claude Community
It opens on "Saí de Floripa por causa disso" (I left Floripa because of this) and closes on "Floripa vem aí" (Floripa is next). In between come a route map drawn from IBGE data (Brazil's national geography and statistics institute) and the logos from Anthropic's press kit. 47 s, event on September 18, 2026. EAG Global Buildathon, Florianópolis
The first piece of the series: a dot globe, a 3D Ethereum diamond and the track Tides, licensed under CC-BY and credited. 60 s, event on September 12, 2026. Two more in the series
A voice-over cut of the Lovable piece and a second Make-a-thon Reel, about the pitches.
The rules of the series
The Festival SGB piece set the rules for background, type, footage and story, and the later Reels started from them. Only Buildathon and Build Day came before it. When a brand already has a strong visual language, the piece follows the brand: the Lovable piece runs in dark mode over Lovable's own colors, and the DevDay piece takes its language from the OpenAI DevDay keynote.
- Background
- A color from the brand, never black by default. Dark only when the brand's own material is dark.
- Type
- One large line at a time, on screen long enough to be read on a phone before the next one enters.
- Photos and footage
- They move as objects inside the graphic system, in cards, grids and cut-out letters, or fill the frame under a single line of type.
- Story
- A hook in the first seconds that the ending resolves.
- Logos
- Official files only, from each brand's press kit, brand hub or official art, with the source written down.
- Timing
- Most pieces run on a 120 BPM grid, one beat every 15 frames at 30 fps. Sunset and Lovable cut only their montages on it, and the Make-a-thon and DevDay pieces follow the tempo of their own tracks. Type enters on a strong ease-out, and logos and cards land on springs.
- Sound
- Music, when a piece has it, is a licensed track or a credited CC-BY one, and the effects come from a synthesized kit. The mix for these Reels targets -14 LUFS, with true peak below -2 dBTP.
- QC
- Before a render goes out, a script scans every frame and flags black frames, frozen frames and luma jumps, then measures the loudness.
Motion in interfaces and on the web
Two pieces from product work: the motion piece for Yankee, an iPhone social app, and the animated opening of the Zyla case on this site, drawn in code.
Yankee, a social network for iPhone
An excerpt from the Yankee piece. Yankee is client work: a social network published on the App Store. I work inside its team on product design, visual identity and motion. The piece alternates kinetic type with the app's screens. In this excerpt, "the feed adapts to you" enters one word at a time, each color picked in the profile editor recolors the whole profile, and in Spin a tap on the video option brings four video tiles into a grid.
Zyla: a trail that draws the Z
The opening of the Zyla case, recorded from the live page, which is in Portuguese. The distance and time on the card count up as the trail draws the Z, and at the end "Pausar" (pause) becomes "Correr de novo" (run again). The Zyla case on this site opens with an animation drawn live on a 2D canvas: at night, seen from a drone, a runner leaves a GPS trail that lights up in magenta until it completes the Z of the Zyla mark. Stride, ponytail and camera are computed from time alone, so tests can check any frame. With reduced motion on, the page shows the finished frame.
In the Zyla app itself, the end-of-run celebration shows the route the runner has just completed, with no confetti and no sound. I prototyped its animation on the web, with a reduced-motion mode, and engineering used the prototype as its reference. I also researched and designed the GPS run recorder and handed it off with the screens in flow order, a storyboard and a motion spec. Engineering built it, and it reached the app stores in September 2026.
Key learnings
After the Festival SGB piece set the rules, each new Reel started from decisions already made about background, type and footage, so I could put my time into the idea for each event. Building in code let the render check, the sound kit and, for most pieces, the 120 BPM grid carry over from one Reel to the next.
Have a project that needs motion?
I design and animate 2D motion graphics inside each brand's own system, from event Reels to product interfaces.
