Mockplus- Design, prototype and deliver your digital future
Get Started for Free
Blog > Samples > Mockplus prototype samples > Mockplus Sample Project – VUE (App, Video)

Mockplus Sample Project – VUE (App, Video)

Dec 21, 2017 73757

VUE is a short video editing app which is a must-have for people who love shooting and sharing videos on their social media. Its color scheme is simple and bright. And when you browse its Start page for the first time, a new user guide instruction will pop out. And in Mockplus, that can be easily added by creating a new page or adopting a Popup Panel component.

And then, when you are recording a video with it, after clicking a Start button there, a video progress bar will show up. And this video progress bar can be easily approached with simple three steps. Firstly, drag a Shape component to canvas and change its original width to a minimum size. And then, set a “Resize” command for this Shape component and adjust its “widen” as you wish. And at last, also add a longer duration for it so that this video progress bar will move forward slowly after you click the Start button there.

Let’s see it in GIF at first:

VUE

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

UI flow in large size:

VUE

Pages of this prototype: Start, Home, Detail and Featured Videos, 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

Summer ye

In- house content editor, specialize in SEO content writing. She is a fruit lover and visionary person.

What's Mockplus?
Mockplus Cloud

Uploads design files from Sketch, Figma, Axure, Photoshop, and Adobe XD into our design handoff tool.

Mockplus RP

A free online prototyping tool that can create wireframes or highly interactive prototypes in just minutes.

Create wireframes or highly interactive prototypes in just minutes. Try Mockplus RP.
Start for Free or Sign up with Google
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.