Celebrating financial saving goal milestones

In the Rocket Money app, members can create savings accounts. To keep them motivated on their long-term saving goals, we introduced milestone badges. I designed the 3D versions of the badges and animations to bring these accomplishments to life.

client

Rocket Money

role

3D Visual Design, Animation

3d visual design

Crafting dimensional milestone badges

Using Cinema 4D, I modeled and applied consistent materials, including anodized aluminum with a gradient finish, a silver rim, and a ceramic-like badge.

animation

Elevating the experience with animations

I crafted the animations using After Effects and Cinema 4D. In Cinema 4D, I animated the border extrusion and scene lighting for buildup, while in After Effects, I enhanced the opening with a trim path effect. A firework effect added a final touch of delight.

tutorial

Showcasing my process to designing the 3D badges

This video tutorial highlights my process of turning 2D icons from Figma into 3D objects in Cinema4D.