"NAVI" CASE STUDY

"NAVI" CASE STUDY

2024

My role: UI and UX designer

My role: UI and UX designer

Responsibilities:

Responsibilities:

User research

User research

Usability test

Usability test

UI design

UI design

Wireframe

Wireframe

Prototyping

Prototyping

Motion design

Motion design

Audio and video design

Audio and video design

PROJECT OVERVIEW

Context: What is Navi application?

An AI-powered learning platform designed for Monash University students.


Value: Why was it created?

To bridge gaps in learning or comprehension

To personalize the learning experience

To reduce content overload and increase student engagement

To support students in achieving better academic outcomes

Mission: How to reach the value?

By generating personalized study plans using tutors’ feedback and student performance

By offering intelligent recommendations based on past grades

By creating an engaging and intuitive learning experience through a conversational interface


Target audience: Who is the user?

University students (specifically Monash students)

Students facing challenges in understanding content, managing workload, or staying motivated

Approach: What design methodology/framework used?

Double diamond

UI & UX DESIGN

I led the end-to-end design process using Figma, from wireframing and user flow mapping to building a reusable design system and high-fidelity UI components. The final design translated user research insights into intuitive, student-friendly interactions that supported efficient learning and navigation. 

MOTION DESIGN

I animated illustrations and interface transitions to enhance user engagement and guide attention throughout the platform. These animations were created using Jitter, ensuring a dynamic, accessible, and visually appealing experience that aligned with the educational tone of the project. 

TOOLS USED IN THIS PROJECT

Let's connect

Happy to discuss over your projects

Let's connect

Happy to discuss over your projects