Mockplus - Design Faster. Collaborate Better.

Blog > Samples > Mockplus prototype samples > Mockplus Sample Project – Encode (App, Tool)

Mockplus Sample Project – Encode (App, Tool)

Nov 14, 2017
186948

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!

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