There was a need for sophisticated mobile apps that runs on iOS and Android phones with uniform interface and shared code. The target users of this app are elderly people, who are on the lookout for matching profiles, based on several criteria. Therefore, the app should have swipeable profile cards and photo albums that loads fast, have uniform interface, with the same look and feel in both the platforms.
- Cross-platform issues
Building native apps for both platforms separately increases costs in terms of resources, time, and money. Code reusability and new feature addition are more challenging.
- Animation and user interaction limitations
The proposed dating app is expected to have heavy media content and user interactions. When we started development, there were very few open-source/third-party libraries that supported consistent screen transitions and animations required in our app. Even the react-native platform and community were too young.
- Complexity in building questionnaire
Questionnaire is one of the important steps in the onboarding process. It takes almost 80% of the application screens that targets to onboard the user. There were major challenges in navigating the questionnaire, as it had dynamic questions, where the answer needs to be synced with the backend, without blocking the user from moving forward in the on-boarding process.
To address all the challenges, Imaginea designed and developed a hybrid application, which is a unique matching tool. This tool brings people together based on similar activities, passions and future goals. It also adds its own personal touch to the online dating process, making sure the dating experience remains unique to each person.
Imaginea designed and developed the entire application using react native framework for iOS & Android mobiles and contributed in visual designing as well.
Our developers created custom animations and user interaction, using react-native’s animation library. With this, we were able to achieve near native 60 FPS performance for swipeable card animations and custom screen transition animations.
How our solution helped
We delivered the app ahead of the targeted timeline, thereby having a good lead time in the market.
We used a single code base that allows new feature addition to both platform applications, in the future. Web developers can easily dive-in through this approach, as minimal Android and iOS platform knowledge is sufficient. Here are some of the highlights of this project:
- Photo Cropper
Unique chat interface includes offline syncing, data caching, read-receipt, ‘typing’ notification, etc.
- We developed this app with 3 developers in 3 months.
- The production cost and time is half compared to native application development.
- Received 4+ star rating and customer appreciation in both iOS and Android marketplaces.