Date
2022 - 2023
Role
Creative Lead, UX, UI, Art direction, Visual Design
Our mission is to assist individuals living with inflammatory diseases through an innovative AI-powered management and communication platform. By collaborating closely with researchers, clinicians, and patient groups, we have developed personalized digital therapies that effectively extend periods of remission while also offering support for self-management of long-term conditions.
ampersandhealth.co.uk
All three Ampersand apps share a common structure while embracing unique features to address the diverse needs of patients. They help patients navigate unpredictable cycles of relapse and remission, and enable hospitals and their clinicians to provide more flexible, personalized care.
The work at Ampersand started with cleaning up the design files and system, which caused inconsistencies and frustrations for the development team. Fixing it proved to be one of the most challenging tasks, like swapping a running engine.
Analyzed existing guidelines, merged essential elements into a unified system.
Involved stakeholders, ensured understanding and support for changes.
Bit by bit from the ground to the top.
Created comprehensive documentation, provided training for smooth transition.
Gathered feedback, made adjustments for ongoing improvement.
We have two primary categories of users
1. Patients who have a hospital and an ongoing treatment
2. And others without any.
By using a friendly and playful tone in the onboarding experience, we try to alleviate the seriousness of the topic at hand. I think it's particularly important when dealing with healthcare-related matters, as it helps reduce potential anxiety or apprehension that users might feel.
Instead, we create a welcoming and approachable atmosphere, making it easier for users to engage with the app's features.
Onboarding flow
Splash screen animations
Before
After
The unification of the design system and the designs was carried out across every part of the app. By identifying the main functions and actions we wanted the users to take, we were able to prioritize the order and type of content that needed to be displayed on each and every pages.
In our example you can see the changes on the main Today page. This approach aimed to engage users and encourage regular usage of our product.
Creating clean sections of content and maintaining a simple and consistent design language and navigation pattern throughout the entire app were key design principles. Given that the product had been in existence for a couple of years, my focus was not on adding new elements but rather on removing unnecessary ones to streamline the user experience.
Today page prototype
The previously called "Library" page was one of our main features designed to help users learn about their condition and make them feel accomplished and more in charge of their condition.
In the previous version, it was difficult to find relevant content, and it was even harder to continue a course. It would change places and move to the Activities tab once it was started. Instead of having four tabs, I have created two simple tabs and filters with the main topics.
Topic quick filters
Every group of content, such as Courses and Singles (which are just collections of articles about the same topic), now exists on the Courses page, and every individual video class and article can be filtered in the same way on the Library tab.
Cards
Learn page prototype
Before
After
The "States" page is dedicated to monitoring and maintaining control during flare-ups. For individuals living with these conditions, the most effective approach is to track their progress and acquire comprehensive knowledge about their condition. This includes understanding the relationship between stress, activity levels, and other metrics, as well as their impact on the individual's well-being.
Before
After
Stats page prototype
Contacts
Give me a call,
drop me a line or just use the form
