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: http://run.mockplus.com/TznquoKPU82WlqM9/index.html
UI flow in large size:
Pages 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!
A free prototyping tool to create wireframes or interactive prototypes in minutes.
A free UI design tool to design, animate, collaborate and handoff right in the browser.