Notelify Study Smarter.

An AI-powered note-taking app designed to help students write, refine, and study their notes more effectively, with intelligence woven throughout the entire workflow.

View Live Demo
Note

The interactive demo reflects the version evaluated during user testing. A redesigned iteration is currently in active development.

Team
Kanishka & Sauhee
Type
UX Case Study
Stack
Claude AI + Web
My Role
Research · Wireframing · Prototyping · User Testing · User Analysis · UI Design (co-designed equally with Sauhee)
01Note Mode
02Overview Mode
03AI Assistant
04Adaptive Learning
055 User Sessions
06Think-Aloud Protocol
077 Redesign Decisions
08Accessibility-First
09Claude AI · Co-Dev
103 Study Scenarios
01Note Mode
02Overview Mode
03AI Assistant
04Adaptive Learning
055 User Sessions
06Think-Aloud Protocol
077 Redesign Decisions
08Accessibility-First
09Claude AI · Co-Dev
103 Study Scenarios
Overview
01

Notes that teach you back

Most digital note tools are just storage. Notelify is built on the idea that reviewing and refining notes is the studying, and AI should be woven throughout, not bolted on.

2

Modes

Note Mode for capturing. Overview Mode for active recall.

5

Participants

Think-aloud user study across 3 realistic scenarios.

3

AI Interactions

Explain, List Examples, Refine : triggered by text highlight.

Adaptive

Most-revisited sections surface first during study sessions.

The Problem

Students take notes.
They rarely go back.

This started as a personal observation, not a research brief. I was the user -- someone who wrote pages of notes and rarely opened them again before an exam. I wanted to know if that pattern was broader, so before sketching anything, I sat with a small group of students and asked them how they actually study. Not how they think they should, but what really happens. What I heard confirmed the pattern: the problem was not writing notes, it was never returning to them.

Most digital note tools treat notes as an archive, you write them, file them, and rarely return. I kept seeing this pattern in how students studied, and it felt like a solvable design problem.

I wanted to design a system where AI doesn't replace thinking, it scaffolds it. My goal was to let students write notes the way they always do, but have the tool surface gaps, generate recall prompts, and adapt to what they struggle with most.

I started with user research, mapped the patterns across participants, and let those insights drive every design decision, from the two-mode structure to how adaptive prioritization works.

Design Process
03

The Process

Five days.
One clear direction.

I started where I always do, with people. Before sketching a single screen, I sat with students and asked them how they actually study. Not how they think they should, but what really happens at 11pm before an exam. Sauhee and I worked through every stage together -- the research, the wireframes, and the design decisions that followed from testing.

What I heard was consistent: notes get written and abandoned. The gap wasn't in the writing, it was in the returning. That single insight shaped everything that followed.

From there I moved fast, sketching flows, building wireframes, stress-testing assumptions with users, and iterating in tight loops. The five-day sprint forced clarity. There was no room for indecision, only for listening and making.

Iterative, tested every step

Every version was tested before changes : aligning the tool with how students naturally capture ideas, then study from them.

Round 1

I built what made sense to me.

Two modes, AI on highlight, a Summarize button. It felt complete. I was proud of it. That's usually when you're most wrong.

Round 2

I watched five people use it in silence.

Nobody highlighted. Nobody found Summarize useful. One person asked why the AI disappeared when they switched modes. Every assumption I'd made was visible, and most of them were wrong.

Round 3

I rebuilt only what the research earned.

Summarize went. The AI stayed across both modes. Highlight cues got clearer. Seven changes, each one traceable to a specific moment in testing. That's what the features below are built from.

Features
02

What I tested

Five features.

01

Note Mode

Highlight any text to trigger Explain Clearly, List Examples, or Refine Text : applied instantly.

02

Overview Mode

AI study questions for active recall. Surfaces sections you revisit most automatically.

03

Always-On AI Chat

Available in both modes. Flags questions outside your notes to keep your study guide credible.

04

Adaptive Priority

Sections revisited most surface first during study sessions automatically.

05

Accessibility

Adjustable font size, dyslexia-friendly options, high-contrast mode : all shaped by user feedback.

Notes that teach you back.

Try it live →
Before · V1
Notelify Version 1
After · V2
Notelify Version 2

Why Testing

I had a system.
I needed to know
if it worked.

Designing the features felt good. But feeling good about a design is not the same as knowing it works.

The most dangerous moment in any design process is when you've convinced yourself. That's exactly when you need to hand it to someone with no idea what you were thinking, and watch what happens.

So I took the prototype to five participants with a think-aloud protocol. I wasn't looking for validation. I was looking for the moments where the design broke, because those are the moments that move the work forward.

User Testing
04

Three scenarios, real insights

01
Notes from a video
Real-time note-taking during a short video : testing AI feature discoverability during capture.
02
Learning from notes
Using Explain Clearly, refinement, and highlighting : surfacing interaction model confusion.
03
Studying in Study Mode
Switching modes and engaging with Study Assistant : revealing duplication confusion.

What worked

Explain Clearly landed.

Every participant used it. Getting a deeper explanation without leaving the note felt natural and useful. This was the one thing we got right from the start.

What didn't

Three things broke immediately.

Nobody highlighted. Summarize made notes longer. And having two AI elements side by side created confusion about which one to use and when.

The insight

AI should follow the student, not the mode.

Participants wanted help while writing, not just while studying. The tool had to be present throughout, not gated behind a mode switch.

NOTELIFY

"Being able to ask questions or clarify concepts during note-taking would make the system more useful in real time, not just when studying."

Participant · Scenario 2 · Think-Aloud Session
Redesign
05

Every change earned its place

Phase 1 : Initial Concept
Initial Concept

First exploration of the two-mode structure. Established Note Mode and Overview Mode as the core interaction model.

Looking Back

If I did this
all over again

Notelify was a five-day sprint. But the questions it raised have stayed with me longer than the build itself.

What I kept thinking about after testing: I'd designed features users found useful, but I'd also introduced friction I didn't anticipate. The highlight-to-activate pattern felt obvious to me as the designer. It was invisible to every single participant.

That gap, between designer intuition and user expectation, is where the most valuable design work happens. I left this project with a sharper instinct for where that gap tends to hide.

The results backed that up. In round 3, most participants found and used the highlight-to-trigger AI feature without any prompting -- the interaction that was invisible to everyone in round 1. All 5 participants said the final version felt genuinely useful and was something they would return to. For a five-day sprint, that was the clearest signal the redesign decisions had landed.

What I'd do differently

Run a short diary study first. Asking students how they study in a single sitting gave me a snapshot -- but note-taking behavior plays out over days and weeks. A three-day diary study before touching Figma would have told me whether the abandonment problem was about motivation, habit, or tool friction. That distinction would have sharpened every decision that followed.

What I overcame

Designing for approval instead of clarity. I learned to stop softening decisions and start making them, trusting the research over my own assumptions about what users would tolerate.

What I didn't see coming

How much the small decisions would matter. The micro-copy, the timing of an animation, the exact moment the AI speaks up, these felt minor until users reacted to them. Details are the design.

Building with AI

Prompting became a design skill. Vague inputs gave vague results, the more specific I was about the user, the context, and the feeling I was designing for, the sharper everything got.

Try It Yourself

See Notelify

in action.

The live demo is fully interactive. Open a note, try the slash commands, highlight some text, and ask the study assistant anything.

Note: The live demo reflects the user-tested version of Notelify. The redesigned V2 is currently in development.

Open Live Demo → Get In Touch