Sign Up to Subscribe

To get the latest and most quality design resources!

Sign Up to Subscribe

Thank you for your support!

WHAT IS MOCKPLUS?

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

WHAT IS MOCKPLUS IDOC?

Mockplus iDoc is a powerful product design collaboration tool for designers and engineers. It helps connect the entire product design workflow. It facilitates handoff by taking designs from Sketch, Adobe XD, PS and exporting into a format that can generate code snippets, specs, and assets automatically.

Start your free trial

Mockplus Sample Design – Tinder (App, Social search)

Mockplus Team 3474 Views

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.


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.


Let’s see it in GIF at first:


Tinder.gif


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


UI flow in large size:


Tinder.png


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!

STILL HUNGRY FOR THE DESIGN?

_____

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

Need help?

Join Mockplus on Slack Click here

support@jongde.com