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 > Mockplus prototype samples > Management App Design Example – Asana App

Management App Design Example – Asana App

Sep 18, 2017

Asana is a work management App, which is available on both mobile and PC. This App has great color matching with some gradient ramp. Since it is a prototype of Asna, I still use black, grey and white color, because what I want to stand out is its features and interactions. This kind of App emphasizes on creating task fast, tracking task progress,classifying tasks clearly. Especially for team project, it makes a clear division and a convenient management of work. Then, Let’s see this prototype. Later I would also share the prototype of its web version to help you tell from how it works on mobile.

Firstly, let’s take a quick look at the GIF:

Mockplus Prototype Example-Asana App

Click here to view this project online:

And here is the UI Flow in large size for it:

Mockplus Prototype Example-Asana App UI Flow

The main pages of this prototype include: Start, Sign Up, Check The Email, Details, Inbox, Favorites, etc.

All the above pages can be downloaded from here.

All pages of the album (16 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.