Sign Up to Subscribe

To get the latest and most quality design resources!

Sign Up to Subscribe

Thank you for your support!


Mockplus is a faster and easier prototyping tool to help you make prototypes by making interactions with simple drag-and-drop and working on a team project easily and effortlessly. Microsoft, Oracle, Simens, IBM, UBI, Huawei and 300+ global colleges are using it, YOU SHOULD TOO!

Start your free trial

Delicacy App Design Example – Bon App!

Mockplus Team 15968 Views

Bon APP! is a food APP. This time I try to make a High-fidelity prototype and highly simulate the colors and interactions of the original App. As it’s a high-fidelity prototype,I must pay much attention to the details such as the style of icons, buttons, shapes and input boxes. Mockplus has a great number of properties of its components. But if you want to make some individualized components(like QR code scanning), you need to put some basic components together.Besides,the interactions are also highly simulate the original app.It’s easy to realize effects like pop-up, switch, slide. Let’s check what we’ve got!

Firstly, let’s take a quick look at the GIF:

Mockplus Prototype Example-Bon App!

Click here to view this project online:

And here is the UI Flow in large size for it:

Mockplus Prototype Example - Bon App! UI Flow

The main pages of this prototype include: Home, Search, Details, Following, Sign Up, etc.

All the above pages can be downloaded from here.

All pages of the album (22 pics in total) can be downloaded from here.

Enjoy it!



Mockplus is a desktop-based tool for prototyping mobile, web and desktop apps easily and quickly. Create interactions by simple drag-and-drop and your teamwork will be time-efficient with the collaboration features.

Free Trial
idoc close

Need help?

Join Mockplus on Slack Click here