Mockplus Sample Design – WineRatingsPlus (App, Drink)

Anny
Apr 27, 2018
123332
5 min read

WineRatingsPlus is a red wine app that helps you get expert advice when choosing wine for any dinner, party or occasion. Moreover, it is also an excellent tool for connoisseurs and anyone interested to learn more about wine and make better choices.

In this prototype, every time when you switch to its Home or Profile pages, a page with subscription information will automatically pop out. With Mockplus, you can create such smart pop-out pages easily by using a “Popup Panel” component, setting an “OnLoad” trigger and choosing a “Popup-up” Animation effect for it.

As with the cool floating button of this app, you can simply get it by placing a button over a Scroll Box component.

Let’s see it in GIF at first:

WineRatingsPlus

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

UI flow in large size:

WineRatingsPlus

Pages of this prototype: Startup Page, Home, Subscription, Regions and Profile, etc.

The project file can be downloaded here.

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