When I started the project 11/Health was a small growing startup with multiple projects going on at once. As the only designer I was responsible for all the design work for this project from the visual design to the interaction flow of the app itself. That meant that everything needed to be done quickly.
I first reviewed the current design of the app for usability issues and started to consider how UX improvements could be made. I also had the opportunity to speak with some ostomates in-person during a company meeting that lead to insights about how they live their lives.
While I was reviewing the current app designs, the company was going through a rebranding. I used the new logo as my inspiration for the look of the app that I translated into a design system. With the new styling concept completed I worked on the 'Status' screen first and tackled the main question of how best to represent the fullness of an ostomy bag. Those designs were then reviewed and approved by the team. While the developers started work on that I moved onto the 'Fluid Intake' interaction flow.
At this point the PM for the Dehydration Risk feature joined the team. He brought with him the rights to an app that we would be assimilating into the alfred: SmartCare app. He and I reviewed the purchased app and used that as a base for the designs. I created the onboarding flow and measurements screens from scratch and recreated the testing screens from the purchased app.
In order to validate the Dehydration Risk feature the company conducted a series of beta tests. These tests assessed the clinical relevance of the information gathered from the app while also accounting for any usability issues with the app. After the completion of the beta tests we release the app to both the Apple App Store and GooglePlay Store.
You can view the latest version of the app here:
iOS:
https://apps.apple.com/us/app/alfred-smart-care/id1437688247Android:
https://play.google.com/store/apps/details?id=smartbag.a11health.com.smartbag_android
