Total Brain

Web Development

Design Systems

Motion Design

About the Project

Total Brain is a mental wellness platform focusing on neuroscience-based assessments and daily exercises to boost cognitive, emotional, self-control, and emotional functions.

Torii Studio partnered with them to develop a scientifically-backed resonant breathing exercise, enhancing relaxation and stress management in the user experience.


Total Brain


Mental health


Web Development

Design Systems

Motion Design

The Challenge

  • Create the breathing animation

  • Build prototypes to achieve the right look and feel

  • Implement the end-to-end experience for the website and the mobile app.

The Process

  • Technical limitations. Both the web and mobile frameworks were using outdated libraries and processes.

  • Parameters. It was important that the experience we were creating corresponded to the science behind it, i.e., length of the breathing intervals.

  • Multiple buy-ins. Animations and interactions had to be approved by the design, research, and engineering teams.

Prototyping and Research

We created early-stage prototypes using the same production frameworks, enabling us to proactively address limitations and detect design issues. Collaboration with Total Brain's UX research team in validation sessions allowed us to iteratively refine the product using their feedback.


The component library facilitated the implementation of the Resonant Breathing feature, maintaining a uniform appearance across platforms. This resource accelerated our design process, enabling swift iterations. Additionally, it equipped Total Brain's engineering team with a selection of reliable, reusable components.

Drew Fattlar / Engineering Manager / Total Brain profile
If you ask our developers about the quality of any component, they would say that they wouldve never imagined anything coming from outside of the in-house team with such a precise and thoughtful approach."
Drew Fattlar / Engineering Manager / Total Brain

The Results

Total Brain's Resonant Breathing feature offers users personalized stress reduction exercises. Collaborative efforts and our Agile process expedited mobile and desktop feature development in under two months, providing a science-based solution for stress management.

Our successful collaboration on this project expanded into a comprehensive platform overhaul. Discover how we improved Total Brain's app from 2.5 stars to 4 stars and boosted daily user engagement by 300% here.

Other Projects

Kaiyo logo
TrueSource logo
CircleIn logo
Lume logo