Process
The main screen, illustrating a mortgage payment cycle, was initially designed in Figma and then imported into Rive. To reduce repetition, I decided to use nested art boards for recurring UI elements, allowing updates with minimal manual editing. Following the design import, I defined data models and properties for binding. In total, 38 properties were used: 9 numeric, 18 string, and 11 color properties. These bindings enabled dynamic content updates and drove animation logic in the animated pie chart. The final step of the project was to work on the transitions and micro-interactions, enhancing the user experience.
