Smoothies is a drink app whose Home page mainly consists of pictures. It uses an Image component, which lets you choose whether to show text in placeholder or not, import photos with double clicking and choose different image filling models according to your actual situations, in Mockplus. Its Detail page features for a suspending side pull panel that does not occupy much screen space, and also is easy to be made and viewed. And its expandable and collapsible panel can be easily created by using a Panel component with various components included, adding a“Move”interaction to it and selecting the “Auto Reverse” option. And let’s check the results in the below prototype.

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

Smoothies

Click here to preview this prototype online: http://run.mockplus.com/DAVLhdDzUaGJwEbZ/index.html

Here is the UI Flow in large size:

Smoothies

The main pages of this prototype include: Home, Detail, Search and Settings, etc.

All the above pages can be downloaded from here.

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

Enjoy it!

 

 

 

Mockplus Sample Project – Smoothies (App, Drink)