Learn@RP

Online Learning App

Learn@RP is a UI/UX design project for an online learning application aimed at improving how students browse, filter and engage with educational content. The project focuses on clarity, consistency and usability through a structured interface and a reusable design system.

Overview

This project explores the redesign of a student learning platform with an emphasis on ease of navigation and visual clarity. The goal was to create an interface that allows users to quickly discover courses, manage learning content and interact with lessons through a clean and intuitive layout.

UI Kit Design

A comprehensive UI kit was created to ensure consistency across the application. This includes typography styles, color usage, buttons, cards, icons and reusable components, forming a scalable design system that supports future expansion and feature updates.

View UI Kit

Tools Used:

Figma
Components & Variants
UI System Design
Interactive Prototyping

Micro-Interactions

Interactive elements were implemented to enhance usability and feedback, including loading spinners, overlays, filter functionality and toggle switches. These micro-interactions help communicate system status, support content discovery and improve overall user experience without overwhelming the interface.

Screens & Layout

The application consists of four core screens designed to support different stages of the learning journey. Layouts prioritize content hierarchy and readability, using card-based structures and consistent spacing to guide users naturally through courses and lessons.

Outcome

The Learn@RP project demonstrates my ability to design a structured, system-driven UI for an educational platform. It highlights strong fundamentals in layout design, component reuse, and interaction design, resulting in a clear and scalable learning app experience.

View Final Prototype