Mockplus - Design Faster. Collaborate Better.

Blog > Samples > Mockplus prototype samples > Mockplus Sample Project – Smoothies (App, Drink)

Mockplus Sample Project – Smoothies (App, Drink)

Nov 27, 2017

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:


Click here to preview this prototype online:

Here is the UI Flow in large size:


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.

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