Once we'd we sat down and helped their team to prioritise the most valuable features for their users, and their business goals, our design partner on the project defined the overall UI and UX for the product and put together a full visual style-guide:
Leveraging React Native for multi-platform apps
The Prepd team knew that a great user experience needed to be delivered for both platforms, but didn't have the in-house technical team to be able to maintain two separate codebases.
We decided that the most efficient and future-proof option would be to build the app with the React Native library. This would allow us to deliver a high-performance app with a single codebase, that could be maintained by a small engineering team after the initial launch.
React Native's strong community and third-party ecosystem allowed us to build in a highly efficient way and use pre-built components (like the horizontal and vertical scrolling system shown here) to speed up the development cycle.
Breaking down complex recipe data for Apple's Health app
The Prepd team needed to enter a large volume of recipes quickly and easily, without drowning in a sea of nutritional data. We built a custom backend to allow them to add recipes using natural language (“6 carrots, 2 large potatoes”) and automatically convert this input into easily readable recipes and simple nutritional breakdowns for users of the app.
On the other side of the app experience, the user community of fitness and healthy eating enthusiasts wanted to be able to get recipe data out of the app, and into the Apple Health app on their phones. We integrated and extended a React Native plugin to allow the Prepd app to export and manage data via Apple HealthKit.