Mockplus - Design Faster. Collaborate Better.

Subscribe to our blog

To get the latest and most quality design resources!

Category
POPULAR POST
MOCKPLUS CLASSIC

Best Prototyping Tool for Mobile, Web and Desktop Apps.

Get Started for Free
MOCKPLUS CLOUD

Handoff Designs with Accurate Specs, Assets, Code Snippets Automatically.

Get Started for Free
Start prototyping and collaboration
Blog > Samples > Mockplus prototype samples > Mockplus Sample Project – Smoothies (App, Drink)

Mockplus Sample Project – Smoothies (App, Drink)

2017-11-27
30964

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!

Summer ye

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

Design Faster. Collaborate Better.

Designing the best user experience. Mockplus does it all!

Interactive prototyping

Painless collaboration

Scalable design systems

Let's chat

Email:support@jongde.com