Mockplus - Design Faster. Collaborate Better.

Subscribe to our blog

To get the latest and most quality design resources!


Best wireframing and prototyping tool for APP and Web design.

Get Started for Free

One platform for design, prototype, hand-off and design systems.

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

Mockplus Sample Design – Starbucks (App, Drink)

Jan 18, 2018

Starbucks is an convenient app for Starbucks and enables users to pay in store or order ahead online. It has a built-in reward system which allows you to collect stars and start earning free drinks and food with every purchase. And this app also uses many beautiful illustrations and special interactions. For example, when you click and enter a particular page, some small animations will be automatically triggered. And, in Mockplus, you can easily get such interactions easily by setting an “OnLoad” trigger for the selected components or groups.

And, it also uses animated popups that will automatically zooming in and out after clicking the trigger, which cannot be achieved yet so far with Mockplus. But, it is worth learning and can make our apps far more interesting and vivid.

Let’s see it in GIF at first:


Click here to preview it online:

UI flow in large size:

StarbucksPages of this prototype: Home, Join Rewards, Sign In, Settings, Stores and Account, etc.

The project file can be downloaded here.

All pages of the album (12 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.