Mockplus - Design Faster. Collaborate Better.

Subscribe to our blog

To get the latest and most quality design resources!


Best wireframing and prototyping tool for APP and Web design.

Get Started for Free

One platform for design, prototype, hand-off and design systems.

Get Started for Free
Start prototyping and collaboration
Blog > Samples > Inside Mockplus > Mockplus Cloud Sample Design – NotePlan (Mobile, Task Management)

Mockplus Cloud Sample Design – NotePlan (Mobile, Task Management)

Mar 11, 2019

NotePlan is a unique, bullet journal style combination of calendar, notes and to-do list with iCloud Calendar Events and Reminders integration - all in one place.

The example shows how to use NotePlan to join a meeting plan created by other people and how to create a meeting schedule. Mockplus Cloud provides 8 interaction triggers and 15 animation effects to show basic page jumps.

The interactive prototype—NotePlan is made in Mockplus Cloud:

NotePlan is made in Mockplus iDoc

There are 16 pages in this prototype. You can see all pages and their logic relations in the storyboard:

pages and their logic relations in the storyboard

Hover or click on the elements to generate specs automatically. One-click to download assets:

generate specs automatically.

For team collaboration, members can add comments right on designs and all the other members can view and reply to the comments. You can mention members by using @+name:

add comments

In the prototype panel, you only need to click and drag to create a jump link within the page or between the pages:

create a jump link

Preview online

Download the above pages

Enjoy it!

Summer ye

In- house content editor, specialize in SEO content writing. She is a fruit lover and visionary person.