Guia do PAS: UI elements
Rive
●
UI Animation
Lateral Menu
Animated icons and button interaction to make the lateral menu more responsive.
The menu where made with Rive's List feature, making possible for the coder to create new buttons and rearrange them. This menu also obeys to dark mode and collapsed states.
The icons bellow are the interactive icons used on the site.
Grades Explainer
The university entrance exams Guia do PAS prepares students for has tricky ways to calculate their results. We built a tool to simulate and explain these calculations, using interactive graphs and a making Renato Duck to talk to the students.
Mock exam Wrapped
An overview of each student’s result in Guia’s Mock exam, presented in an interactive way. The displayed numbers are informed to Rive by Binding System, and the screen is responsive to different aspect ratios.