Mockplus - Design Faster. Collaborate Better.

Blog > Samples > Inside Mockplus > Mockplus Sample Design – Mindmate (App, Health)

Mockplus Sample Design – Mindmate (App, Health)

May 4, 2018
197314

Mindmate is a health app that can help people fall asleep and relax quickly. It has very cute and fresh interfaces that consist of some vivid and interesting illustrations.

In this prototype, to maintain the features of the app more accurately, it is recommended for you to learn and follow three tips as below:

*Import illustrations with “Image” components directly.

*Create the beautiful background of “Play” page with “Image” and “Model Screen” components.

*Create a dynamic progress bar by setting a “Move” command for a “Shape” component.

Let’s see it in GIF at first:

Mindmate

Click here to preview it online: http://run.mockplus.com/BxC8Afz875yxC0DH/index.html

UI flow in large size:

Mindmate

Pages of this prototype: Start, Log In, Home, Nap, Play, and Settings, etc.

The project file can be downloaded here.

All 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