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:
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:
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!
In- house content editor, specialize in SEO content writing. She is a fruit lover and visionary person.
A design handoff and collaboration platform to streamline your entire product design workflow.
A fast and free online prototyping tool that makes your ideas fly.
A vector-based UI design tool enables you design in the way you want to.
Your single source of truth to build, maintain and evolve design assets in one place.