Tresilio

Psyomics is a biotechnology company founded by Prof Sabine Bahn from The University of Cambridge and Dan Cowell. They wanted to create a tool to explore how people could monitor their psychological well being and develop a better awareness and understanding of their own mental health. Psyomics approached us to help them develop the first stage of the mobile app for a trial phase.

Equipped with the psychological know-how provided by the client, we were able to work with Psyomics on the design and interface to deliver Tresilio.

In addition Fitbit is used to passively track sleep and activity data. Users that don’t use Fitbit are asked questions about their sleep and activity levels instead. At the end of the week, the users receive a detailed report with recommendations.

All of the reports are aggregated into a personal profile which includes different aspects of health and wellbeing. This, allows the user to get a holistic overview of their well being.

Since the app’s goal and target group had been already defined, we focused on the product itself. We went through the UX and technical requirements. During Sprint Zero we’ve created the general project flow, designed the app’s architecture and chosen the technologies needed to make it happen.

On top of that, we’ve generated the API using Apiary. As a team, we were responsible with Psyomics for designing the interface and developing and testing the app.

As a result, surveys include various vertically-oriented sliders and multiple choice questions, making it easier for the user to provide accurate answers on a narrow screen. Tresilio’s logo is a variation on a T letter mark, built using only the serifs. The color palette of the app is designed to evoke a feeling of trust and serenity.

The app stores over 1000 questions in total and their order is determined in real time, based on user’s answers. Thanks to code optimization, we were able to shorten the time Tresilio needs to generate another question to just a few milliseconds. Security and data protection were critical to ensure user confidentiality were protected at all times.

This was evaluated and implemented at every stages of the design, build and testing. We’ve built a Django-based admin panel which enabled our client to load new questions, change their values and manage the biomarkers’ orders. Celery is used to distribute reports and emails (managed with Mailchimp API).

To handle the frontend part of the project we decided to use React, an open-source JS library. The project is divided into small reusable bits, Material-UI helped us to implement the standard Material Design components. It provided us with the flexibility we required: Tresilio, created as web app for the MVP stage, can be turned into a native mobile app faster.

We had to figure out a way to translate complex medical knowledge into insights that can be understood by people browsing the app. We decided to visualize the data using different kinds of interactive graphs. Each graph is built with D3 and rendered using Canvas.

This solution improved the performance of the graphs, since SVG animations would be too slow on Android devices. Questions for the user are presented in an engaging way, with sleek microinteractions. Tresilio is a mobile-first web app, so, in order to maintain good user experience, we had to implement different views for different mobile devices.