📝 Notes App

Type: Mobile App

Role: UI/UX Designer

Tools: Figma

Timeline: 1.5 weeks

✨ Overview

The Notes App is a mobile-first productivity tool built to simplify note-taking and task organization. With a sleek and minimal interface, the goal was to create an experience that feels effortless, fast, and flexible.

"I wanted note-taking to feel calm—like your thoughts are being stored exactly the way you intended."

🎯 Goal

Design a seamless notes experience that feels modern and intuitive, while integrating small but powerful features like audio notes and pinned priorities—without clutter.

🔍 Key Features

🧠 Clean, distraction-free layout
📌 Pin important notes to keep tasks top-of-mind
🎙️ Voice recording integration for hands-free note-taking
⚡ Quick note creation with organized categories
🔄 Cross-device sync for always-on access

🎨 Design Approach

I focused on clarity and comfort, using visual hierarchy and white space to guide users naturally. Every element had to feel like it belonged—nothing extra.

Neutral color tones for a calm workspace
Clearly defined cards and spacing
Icons paired with text to boost readability
Responsive design for smaller mobile viewports

🧰 Tools & Techniques

High-fidelity prototypes in Figma
Wireframes with attention to color theory & spacing
Applied accessibility principles for contrast and tap targets

💡 What I Learned

Balancing simplicity with functional depth is harder than it looks
Voice recording was a fun feature to design around—I had to think about icon clarity, placement, and state changes
Small UI decisions (like padding or hover effects) really impact how "usable" a note feels

✅ Outcome

The result is a visually clean, fast, and functional note-taking app that can flex to different user needs—whether it's jotting down a quick task or recording a thought on the go.

📌 Next Steps

Add folder/tag system for better scalability
Explore sync with cloud services
Conduct user testing to validate current flows