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 Project – Airbnb (App, Traveling)

Mockplus Sample Project – Airbnb (App, Traveling)

2017-12-07
44850

Airbnb is a service app that connects travelers and homeowners with vacant rooms together and offers various accommodation resources for the users. Its interface is clean and neat. The title in large size is also absolutely clear, and white background makes its pictures stand out and also lets us focus on the shown information, not the interface itself.

And this prototype adopts a Scroll Box component to set the horizontal scrolling of pictures.

The Table Bar in the bottom is also set by using an Icon and Label component. Moreover, you may also notice that there is a red dot in the upper right corner of a “PROFILE” tab. In Mockplus, you can easily select “Show Alarm” in Properties section of Icon and Label component to approach that. Of course, you can also set the number in Alarm Text to indicate the number of messages.

Let’s see it in GIF at first:

Airbnb

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

UI Flow in Large Size:

Airbnb

Pages of this prototype: Welcome, Log In, Home, Detail and Profile, 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