Mockplus Sample Design – Starbucks (App, Drink)

Anny
Jan 18, 2018
126798
5 min read

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!

Free prototyping tool for web and mobile app design
Get Started for Free
Free prototyping tool for web and mobile app design
Get Started for Free
Free prototyping tool for web and mobile app design
Get Started for Free
What's Mockplus?
Mockplus RP

A free prototyping tool to create wireframes or interactive prototypes in minutes.

Mockplus DT

A free UI design tool to design, animate, collaborate and handoff right in the browser.

Free web & app prototyping tool
Create wireframes or highly interactive prototypes in just minutes.
No time limit Up to 10 users
Get started
No, thanks, i'm good.