Adobe XD Daily Creative Challenge: June 22-26 Notes App

Design a notes application including various panes that contain scrollable content. Use the Stacks feature to easily rearrange your layers.

Notes-App-Wireframe02.png

Low-fidelity wireframe made using Balsamiq.

Notes-iPad-Mockup-Portland.png

High-fidelity mockup made with Adobe XD. This screen shows the menu bar to the right, the list of notes created, and the edit field for a note. At the top is the search bar function along with settings and the user account.

The notes can include tags, images, maps, etc.

Notes-iPad-Mockup-New-Note.png

High-fidelity mockup made with Adobe XD. This screen shows how a new note is generated by clicking the icon in the bottom right-hand corner.

Prototype video showing the scroll feature on the list of notes, the image gallery scroll, the interactive scroll of the map, and how a new note is created.

Notes-Style-02-01.png

Styles and tools used for this project.