Mockplus - Design Faster. Collaborate Better.

Subscribe to our blog

To get the latest and most quality design resources!

Category
POPULAR POST
MOCKPLUS CLASSIC

Best Prototyping Tool for Mobile, Web and Desktop Apps.

Get Started for Free
MOCKPLUS CLOUD

Handoff Designs with Accurate Specs, Assets, Code Snippets Automatically.

Get Started for Free
Start prototyping and collaboration
Blog > Samples > Mockplus prototype samples > Mockplus Sample Design – Wokabulary (App, Learning)

Mockplus Sample Design – Wokabulary (App, Learning)

2017-12-01
37066

Wokabulary is a multifunctional vocabulary building app that allows users to learn and remember words from different countries. The Welcome page mainly consists of Image, Label and Page Control components. And it must be noted that the target of every control point in Page Control component should be in accordance with the order of these pages. And then, as to the New Language page, you can easily use a Time Picker which is able to be made with the help of Scroll Box and Text Area components as we have introduced before.

Let's see it in GIF at first:

Wokabulary

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

UI Flow in large size:

Wokabulary

Pages of this prototype: Welcome, Start, Home, New Language and Settings, etc.

The project file can be downloaded here.

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

Design Faster. Collaborate Better.

Designing the best user experience. Mockplus does it all!

Interactive prototyping

Painless collaboration

Scalable design systems

Let's chat

Email:support@jongde.com