Mockplus - Design Faster. Collaborate Better.

Blog > Samples > Inside Mockplus > Mockplus Sample Design – WineRatingsPlus (App, Drink)

Mockplus Sample Design – WineRatingsPlus (App, Drink)

Apr 27, 2018
75225

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!

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