Image

A social network for those living with chronic diseases.

The Problem

Curatio was created out of a need for people living with chronic conditions to find support and friendship, and to manage their disease through tools provided by leading health organizations.

While a good portion of users used mobile phones, a desktop platform was needed to address people where physical mobility wasn’t easy.

The previous platform existed on single fragmented instances, which were hard to maintain and scale. A singular platform was needed, that could scale and handle users who had multiple conditions.

 
Image

A social network for those living with chronic diseases.

The Problem

Curatio was created out of a need for people living with chronic conditions to find support and friendship, and to manage their disease through tools provided by leading health organizations.

While a good portion of users used mobile phones, a desktop platform was needed to address people where physical mobility wasn’t easy.

The previous platform existed on single fragmented instances, which were hard to maintain and scale. A singular platform was needed, that could scale and handle users who had multiple conditions.

 

My Involvement & Role

My immediate goal was to first redesign and structure Curatio into one singular platform, where users from various comorbidities could onboard and get access to the resources and organizations they required.

The second goal was to give enough visibility to the organizations that sponsored and provided the educational support services the users needed.

As lead UX designer, I led a team with a junior UX designer, a content strategist and a team of engineers.

 
 

The Process

Image

Ethnographic Research

Working on a platform where accessibility would be important, we held several group interview sessions with users who were living with parkinson’s, cancer and heart disease.

This allowed us to draw a clear picture of the features Curatio would need. We also met with stakeholders from the Davis Phinney Foundation and the Heart and Stroke Foundation to distil the needs they had, and the requirements needed to build out a platform that served the their user base.

The outcome allowed us to build robust persona’s, detailed user journeys and list of requirements needed to tackle Curatio’s redesign.

 
 
Image
User flow, requirements and information architecture.
 
 

The Process

Image

Ethnographic Research

Working on a platform where accessibility would be important, we held several group interview sessions with users who were living with parkinson’s, cancer and heart disease.

This allowed us to draw a clear picture of the features Curatio would need. We also met with stakeholders from the Davis Phinney Foundation and the Heart and Stroke Foundation to distil the needs they had, and the requirements needed to build out a platform that served the their user base.

The outcome allowed us to build robust persona’s, detailed user journeys and list of requirements needed to tackle Curatio’s redesign.

Image
User flow, requirements and Information Architecture.
 
Image

Exploration

To benchmark Curatio’s usability, we ran seven usability sessions with users before we started the redesign. These insights allowed us to fix some usability issues, but it also gave us a better understanding of how the onboarding process was going to change for users with varying diseases.

We then built out low and high-fidelity prototypes, validating internally then making changes till we had an onboarding flow that worked well. To track improvements, we recorded the time to complete tasks and some user satisfaction questions. By the end of a two week period we had cut down the onboarding time by two-thirds.

Image Image
 
Image

Exploration

To benchmark Curatio’s usability, we ran seven usability sessions with users before we started the redesign. These insights allowed us to fix some usability issues, but it also gave us a better understanding of how the onboarding process was going to change for users with varying diseases.

We then built out low and high-fidelity prototypes, validating internally then making changes till we had an onboarding flow that worked well. To track improvements, we recorded the time to complete tasks and some user satisfaction questions. By the end of a two week period we had cut down the onboarding time by two-thirds.

Image Image
 
Image

Design

Image

The Mobile App

A large part of my goal at Curatio was to redesign the iOS app. With no styleguide, no brand identity blueprint and several disparate apps, the plan was to first create a moodboard that helped define the typography, photography and iconography to be used throughout the platform.

Once we settled on a solid design language, the plan was to slowly identify the custom components needed for the UI. This involved the development teams input on prioritization.

Since the mobile app had some well established patterns, the challenge was to evolve the ‘circle of friends’ in a way that worked with the established iOS design patterns. We did this by allowing users to toggle between the views, the primary view showing friends who were more active and engaged with the user.

Image
Since the majority of our research and planning went into the onboarding, the design and layout moved ahead quite quickly.
 
 

Curatio Webapp

Part the design language we used for the webapp, was Google's Material Design. The components and interactions were well established, so the bulk of the work went into applying the Curatio’s colour and typography.
Image
Image

Another key part of the social network, was a social feed where user’s could post updates and participate in fun challenges. The challenges were part of an effort to increase activity in certain groups and also adherence to medication.

 
Image

Design

Image

The Mobile App

A large part of my goal at Curatio was to redesign the iOS app. With no styleguide, no brand identity blueprint and several disparate apps, the plan was to first create a moodboard that helped define the typography, photography and iconography to be used throughout the platform.

Once we settled on a solid design language, the plan was to slowly identify the custom components needed for the UI. This involved the development teams input on prioritization.

Since the mobile app had some well established patterns, the challenge was to evolve the ‘circle of friends’ in a way that worked with the established iOS design patterns. We did this by allowing users to toggle between the views, the primary view showing friends who were more active and engaged with the user.

Image

Curatio Webapp

Image
Part the design language we used for the webapp, was Google's Material Design. The components and interactions were well established, so the bulk of the work went into applying the Curatio’s colour and typography.
Image

Another key part of the social network, was a social feed where user’s could post updates and participate in fun challenges. The challenges were part of an effort to increase activity in certain groups and also adherence to medication.