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

Mockplus Sample Project – Encode (App, Tool)

Nov 14, 2017 205907

Encode is a educational App, where people can learn coding. The color of this App is system-oriented and the layout is simple and clear. The first page mainly consists of list and one can make such a list quickly with Repeater in Mockplus. Besides, it is a long page so people can view more information by swiping the screen. This can be achieved in two ways: first is the small red slider on pages in Mockplus, the other is the Scroll Box. Later I will elaborate on the differences of these two features. Let’s see it first!

Click the link to preview it online: http://run.mockplus.com/pAYKxaeXKMRvfLDQ/index.html

UI Flow


Encode

Pages of this prototype: Login/Signup, Home, Sharing, etc.

The project file can be downloaded here.

Want the page image collection? Download 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.

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.