Notes App

Notes App

Mobile UI DesignInterface DesignUsability TestingPrototypingInformation Architecture

A note taking app rebuilt screen by screen, exploring how a simple list view holds up across empty states, active editing, and everyday use.

Process

Iterative wireframing refined the information architecture and user flows before the visual design was introduced.

Core Screens

Designed the Home, Note Editor, and Search screens creating a streamlined note-taking experience focused on quick capture, effortless organization, and easy retrieval.

Design system

Every screen was designed across multiple interaction states search, folder navigation, category filtering, voice input, and layout switching to ensure a seamless experience throughout.

Cards

Search Bar

Search iconSort iconVoice input iconDate iconFolders iconSettings iconCreate iconDelete icon

Audio section

Search box

Designed with clarity and simplicity at its core, the interface helps users capture ideas quickly, organize information effortlessly, and stay focused without unnecessary complexity.