BrandingMobile Application
TripSitter.Clinic, a telehealth company, offers qualified patients relief from a range of mental disorders through the use of virtual psychedelic therapy, supported by integration specialists. Their goal was to offer their patients and providers a mobile application that would facilitate their exchanges and attract new patients. Patients and Providers needed a dedicated space to communicate, schedule appointments, and connect through telehealth and text messages.
Our task was to create the mobile application service from the ground up, with users flows for three defined groups: patients, doctors, and coaches. The result is an Admin panel built with the Node.JS Headless CMS Strapi to handle the back-end logic and micro-services through a private API supporting the mobile applications built with React Native for a fast and intuitive experience.
During the global pandemic, many providers had to find alternative solutions to continue offering treatment to their patients safely. TripSitter.Clinic needed a dedicated custom-made platform that could evolve and scale over time for their service providers and patients. We created a global brand experience that included the look & feel to the daily use of the application, its promotional website, and paid advertising. In order to gain patient trust and enable them to take control of their mental health, it had to be secure, science-forward, and user-friendly.
When building a mobile application, it is essential to identify the scope of features and services necessary for a Most Valuable Product (MVP) at launch. Due to their complexity, it’s common to try to target too many things at once and lose focus.
TripSitter.Clinic needed the application to be out in only a few months to replace the current system, and provide a better user experience through their mobile application. As multiple end-users are involved in the application, we needed a way to bootstrap users, roles, permissions, and in-app flows.
We kept all these requirements in mind during the UX design process to quickly define the primary user flow and find a technological solution that would allow us to connect with specific third-party services managing the application needs. The text communication and teleconference needs of the application required integration with Twilio. We evaluated several options during the Discovery phase before selecting the most appropriate architecture.
We decided to use Strapi for the back-end as it’s robust, scalable, and offers a lot of customization for bringing custom features through a Node.js and React codebase. For the website, we decided upon Next.js, Vercel’s React Framework built for production, with a Statically Generated Website using Incremental Static Regeneration for near-instant load times.
We built the mobile application with React Native, Facebook’s Agnostic mobile development library that compiles to native code, allowing us to develop both for iOs and Android without using two distinct codebases.
We used two Strapi instances hosted on Digital Ocean’s App Platform, one for the website’s back-office, and the second for the application’s data and all of the micro-services needed.
We developed Strapi Plugins to integrate with Mailchimp for the Newsletter, Authorize.Net for the payments,Twilio services Notify, Verify, and Video, and Socket.io for real-time communication and built a custom plugin for the Provider’s schedules. All the assets live on an Amazon s3 instance with a Cloudfront CDN for publicly accessible links.