About the project
Dater is a premium mobile dating app design kit that is inspired by apps like Tinder, Badoo, Match, Happn, Facebook Dating, etc. It contains high-quality, useful design elements and screens to help build a dating mobile app.
Dater key features
48 Premium designed screens
We used the SF Pro Display as the typeface for a clean and modern look.
3 premium screens for onboarding the users.
Sign up & login
We designed the sign up screens to have a 3-steps process. The users have an option to register with their email or sign in directly through their Google account. You then enter your phone number to generate a code that will be used to sign in and start using the app. You can add more details about yourself and set up your profile to distinguish yourself from the crowd.
The Discover screen is designed to help users find other nearby users. It also showcases the geolocation feature where users are able to connect and communicate with other users.
The app design offers 2 viewing options. The Classic View enables the user to see profiles in a fullscreen mode, where they can swipe right to like and swipe left to dislike a profile. In the Gallery View, user profiles are visible in a grid, and a single tap would take you to their full profile.
Discover people around the world
Chat with your match
The settings screen is designed to show where the users can add or edit their personal information, upload a profile picture, and set their privacy, notification, and other settings.
About dater plus
A special screen was designed for apps that have premium in-app purchases. We call it Dater Plus. In order to beat the competition and connect with your ideal match, Dater Plus offers the users access to advanced features, such as super like, dater boost, unlimited likes, and special filters.
Get the Dater
Mobile App Design UI Kit
Dater is a full featured UI kit for mobile app containing 48 premium ready-to-use screens, 9 fully-editable vector illustrations, and 49 icons, all custom-designed. It also comes with a fully-interactive & linked prototype inside the Figma file to help personalize the UX flow and develop your app in a shorter time.