Mockplus - Design Faster. Collaborate Better.

Blog > Samples > Mockplus prototype samples > Mockplus Sample Design – Starbucks (App, Drink)

Mockplus Sample Design – Starbucks (App, Drink)

Jan 18, 2018
100800

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:

Starbucks

Click here to preview it online: http://run.mockplus.com/TznquoKPU82WlqM9/index.html

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.

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