Process
The main screen, which illustrates a mortgage payment cycle, was initially designed in Figma and then imported into Rive. To reduce repetition, I used nested artboards for recurring UI elements, allowing updates with minimal manual editing. After importing the design, I defined the data models and properties for binding. In total, I used 38 properties: nine numeric, 18 string, and 11 color properties. These bindings enabled dynamic content updates and controlled the pie chart’s animation logic.
The final step was to refine the transitions and micro-interactions, making the experience feel smoother and more intuitive.
