Jottingly

Table of Contents

Jottingly App for Note Taking

Building a clean interface with minimal requirements.

Task

Create high-fidelity wireframes of 5 screens of a note-taking app in either Sketch or Adobe XD, depending on what tool you are comfortable using.

The client has requested that you deliver high-fidelity wireframes for 5 screens so they can pitch the concept to their investors. They expect your wireframes to be shaped by functionalism, meaning they are clean, simple, and that you design with “less is more” in mind.

My Solution

The 5 screens of a note-taking app will access three basic functions;

• New Notes

• Saved Notes

• Calendar

The Logo

Jottingly logo for Jottingly note taking app

Icons

three icons for the Jottingly note taking app. New notes, saved notes, and calendar.

Styles

Styles for Jottingly note taking app; includes color palette, type treatment, logo and icons.

Mockups

Mockup of Jottingly app features displayed on four different mobile screens.