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.
Low-fidelity wireframe made using Balsamiq.
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.
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.
Styles and tools used for this project.