Mockplus - Design Faster. Collaborate Better.

Blog > Samples > Mockplus prototype samples > Mockplus Sample Design – Tinder (App, Social search)

Mockplus Sample Design – Tinder (App, Social search)

Aug 30, 2018
190457

Tinder is a location-based social search mobile app thatallows users to like (swipe right) or dislike (swipe left) other users, andallows users to chat if both parties swiped to the right (a match). The app isoften used as a hookup app. Information available to the users is based onpictures from Facebook, a short bio that users write themselves, andoptionally, a linked Instagram or Spotify account.

The components used in this prototype template are “Checkbox Group”, “Text Input”, and “Circle” components. It also uses “Shape” and “Text” componentsto trigger page jump, and also uses the selection of components to trigger buttonstate change.

At first, let's look at it:

Tender

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

UI flow in large size:

UI flow

Pages of this prototype: Link Page,Login Page, Home Page,Messages, Feed,Personal homepage, etc.

The project file can be downloaded here.

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

Enjoy it!

Summer ye

In- house content editor, specialize in SEO content writing. She is a fruit lover and visionary person.

What's Mockplus?
Mockplus Cloud

A design handoff and collaboration platform to streamline your entire product design workflow.

Mockplus RP

A fast and free online prototyping tool that makes your ideas fly.

Mockplus DT

A vector-based UI design tool enables you design in the way you want to.

Mockplus DS

Your single source of truth to build, maintain and evolve design assets in one place.

Free prototyping, design handoff and collaboration

Join millions of Mockplus users to create the world’s best product

Sign Up For Free