Mockplus- Design, prototype and deliver your digital future
Get Started for Free
Blog > Samples > Inside Mockplus > Mockplus Sample Project – Way of Life (App, Management)

Mockplus Sample Project – Way of Life (App, Management)

Nov 27, 2017 227925

Way of Life, as its name suggests, is an App which helps you record and manage life. For people who are not very good at managing time, such application often works a lot. In this prototype, a time picker is used to set the alarm clock and some scrolling numbers are used to set hours and minutes. And in Mockplus, in order to make such a time picker, you can use the Scroll Box and the Text Area together to have scrolling numbers, set a transparent background in Scroll Box and use a line component to box these numbers. Let’s see it!

Let’s firstly take a quick look at the GIF:

Way of Life

Click here to preview the project online: http://run.mockplus.com/hMvCSIKAXOzykIEi/index.html

Here is the UI Flow in large size:

Way of Life

Pages of this prototype: Welcome, Home, Ideas and Setup, etc.

The project file can be downloaded here.

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

Enjoy it!

Free prototyping tool for web and mobile app design
Get Started for Free
Free prototyping tool for web and mobile app design
Get Started for Free
Free prototyping tool for web and mobile app design
Get Started for Free

Summer ye

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

What's Mockplus?
Mockplus Cloud

Uploads design files from Sketch, Figma, Axure, Photoshop, and Adobe XD into our design handoff tool.

Mockplus RP

A free online prototyping tool that can create wireframes or highly interactive prototypes in just minutes.

Free web & app prototyping tool
Create wireframes or highly interactive prototypes in just minutes.
No time limit Up to 10 users
Get started
No, thanks, i'm good.