Delicacy App Design Example – Bon App!

Anny
Sep 18, 2017
163848
5 min read

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: http://run.mockplus.com/FkVrlNvgiuE77bNd/index.html

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!

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
What's Mockplus?
Mockplus RP

A free prototyping tool to create wireframes or interactive prototypes in minutes.

Mockplus DT

A free UI design tool to design, animate, collaborate and handoff right in the browser.

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.