This page contains all the design materials and resources on our app.

User Interface (UI) and User Experience (UX)

Throughout the design process, we primarily utilized Figma to develop our interface and collaborative design tool. This approach was adopted to create the visual design of our digital product, as well as the flow of the interface and the user experience (UX) flow of its product. The Figma resource project can be found at the following link. Which includes:

• Meta Flow
• Guidelines and Design Pillars
• Wireframe Structure
• Design System: Components & Buttons

Motion Graphics

To create a more appealing and engaging visual and digital product, we developed a number of motion graphics and interactive graphics to better visualize and enhance the information we wanted to share. We are using Rive to create and animate these graphics and make them live.

https://github.com/user-attachments/assets/03f9fe07-36ab-49ce-a8a9-3c6509bbdd21

The files can be found in the community files on this page.

Animation for the Landing Page

While the majority of motion graphics for our digital product are created using Rive, we are utilizing After Effects for the animation of our landing page.

https://github.com/user-attachments/assets/432d2436-ee29-4b9f-a536-b0ad26911ebd

https://github.com/user-attachments/assets/04635f0c-8f22-4dfa-8105-35c91b6330ec

Landing Page

To promote our application, we have created a landing page that potential users can access online. Here they can discover more information about our product. You are invited to visit our landing page here.

Should you have any further questions or require any additional information regarding the design of our digital product, please do not hesitate to contact us.