Intro

As part of the Langara Web and Mobile App Design and Development Program (WMDD), this is our final project where students design and develop an application to address real-world problems or needs.

Our Capstone Project was selected as the best of the night.

The Problem

Passive learning, the common approach through reading, videos, or podcasts, fails to provide optimal understanding and memorization of key information on new subjects.

How might we create a product that makes learning easier and more engaging through interactive methods?

Let's begin the journey

The Solution

A five-feature mobile app, using Generative AI to turn textbooks interactive.

Simplifying learning, it offers a responsive study plan and keeps learners engaged with practice and tests, rewarding progress.

Sheet Icon

01

Dynamic Study Planner

Feature Screen Feature Screen Feature Screen

Learnium tailors study sessions to user preferences and exam dates, adjusting based on progress and quiz results to cover essential practice areas for desired outcomes.

02

Interactive Content

Feature Screen Feature Screen Feature Screen

Learnium simplifies content creation by enabling PDF uploads, text pasting, and OCR-based book page capture. It generates key topics for focused learning, including quizzes, flashcards, and summaries.

03

Progress Tracker

Feature Screen Feature Screen Feature Screen

Learnium analyzes quiz results, highlighting strengths and areas for improvement. It tracks learning progress in specific courses and key topics.

04

AI Assistant

Feature Screen Feature Screen Feature Screen

Dr. Lumi provides reliable and detailed answers sourced from imported materials, enhancing understanding through insightful examples.

These four features seemed nice and cool, but I felt like we were missing something really important:

05

Daily Challenge

Feature Screen Feature Screen Feature Screen

Learnium's daily challenge feature enhances knowledge retention and encourages consistent app use. It transforms free moments into opportunities for productive learning.

But how did we do all of it?

Keep scrolling to see my thought process...

We conducted user interviews to identify our user personas, their stories, pain points and goals.

Participants faced challenges such as procrastination and sought tools that offered interactivity, organization and motivation.

Participants found features like summarized content, quizzes, and interactive elements valuable in learning apps.

We found out we needed a quiz feature, but weren't sure how many questions to include. We surveyed 49 students to help us decide.

01

When using a learning app for exam preparation, what is the ideal number of questions for a quiz session to help you feel adequately prepared?

20 questions

34,7 %

15 questions

28,6 %

10 questions

14,3 %

02

How confident do you generally feel after completing a quiz or practice session on a learning app?

Somewhat Confident

65,3 %

Very Confident

18,4 %

Now, let's check our iterative design process

From wireframes

to messy artboards

(Exploration, essential for generating great ideas)

To mockups

UI Style

We implemented micro-interactions to provide feedback to the user

This also increases user engagement

We incorporated animations to make the app more fun and dynamic

...and we created a character

We created Dr. Lumi with the aim of being more than just a digital companion. Our goal was to develop a character that users could easily connect with—a smart, friendly guide who speaks honestly and feels relatable

We chose an octopus as our inspiration. I spent time studying its shape and anatomy to ensure our character captured the essence of an octopus while remaining simple

After a few iterations, the team and I settled on version #4 as our final choice.

(Honestly, I'm not sure why Dr. Lumi looks grumpy in the sketches. Maybe that reflected my mood that day!)

I proceeded to sketch various poses and emotions for our character.

Once the team approved the design, I converted Dr. Lumi into a vector format for use throughout our app.

Visit Website

Visit Website

learnium.app