Mockplus - Design Faster. Collaborate Better.

Blog > Samples > Inside Mockplus > Mockplus Sample Project – TickTick (App, Tool)

Mockplus Sample Project – TickTick (App, Tool)

Jan 5, 2018

TickTick is a powerful task management app with a particularly excellent animated tutorial. This tutorial adopts the way of interacting with users and adds a real mobile phone interface together to guide them. In Mockplus, mobile phone projects offer no any component of mobile device frames, but web projects offer such components. So, how to use a mobile device frame component in mobile projects? Here is a way for you. Firstly, open a mobile phone project and create a new web project. And then, drag an iPhone, iPad or Phone component to the canvas. And at last, copy and paste it to your opened mobile phone project.

Let’s see it in GIF at first:


Click here to preview it online:

UI flow in large size:


Pages of this prototype: Welcome, Tutorial, Home, Sign Up, Log In and Settings, etc.

The project file can be downloaded here.

App pages of the album ( 10 pics in total ) can be downloaded from here.

Enjoy it!

Summer ye

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

What's Mockplus?
Mockplus Cloud

A design handoff and collaboration platform to streamline your entire product design workflow.

Mockplus RP

A fast and free online prototyping tool that makes your ideas fly.

Mockplus DT

A vector-based UI design tool enables you design in the way you want to.

Mockplus DS

Your single source of truth to build, maintain and evolve design assets in one place.

Free prototyping, design handoff and collaboration

Join millions of Mockplus users to create the world’s best product

Sign Up For Free