Mockplus - Design Faster. Collaborate Better.

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.

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