long ink stain background with app title in white
  • Role: UI Design
  • Project scale: 3 days
  • Produced for: Career Foundry UI Course

About

QuickNotes is a minimally designed app for note taking. Flat navigation and multi-media support make this the simple, intuitive, and flexible note taking tool you need.

long ink stain background

Color Palette

color stripe black

#000000

color stripe dark gray

#1F1F1F

color stripe red

#810000

color stripe medium gray

#777777

color stripe light gray

#CECECE

Typography

Candara Regular 15

Candara Regular 17

Candara Regular 24

small ink stain

All In One Note-Taking

Voice, image, text.
However you take notes, we've got you covered.
This is central command for your thoughts.

Easy to record, easy to find.
No complicated interfaces.

mockup of quicknotes main page with list of filtered notes
mockup of quicknotes main page with list of unfiltered notes

Filter and Sort

Pull down the top tab to filter down your notes. Target specific input types, or filter by user-assigned labels. Use as many or as few filtering parameters as you need.

mockup of quicknotes top filter menu

Pull up from the bottom to sort your notes. Sort alphabetically or chronologically by edit date.

mockup of quicknotes bottom sort menu

Notes In All Forms

Simple text entry.

Insert media files from your phone, the cloud,
or web directly into your note.

Add labels for easy sorting.

Note taking at its most flexible.

mockup of quicknotes note input screen