Red Cross
Redesign and usability case study
YEAR
2018
DURATION
16 Weeks
Context
University
The official app of the German Red Cross has the potential to save lives and educate the public.
The app's visual design was dated, and its content has grown beyond the capacities of its information architecture. Most of the helpful and informative content was buried in unaccessible submenus.
The key pain of the users we spoke with was a lack of orientation. None of them wanted to use the app in an emergency. They were worried about finding anything.
Current design and information architecture
A radical reconception of UX and UI based on user testing insights.
Watch the video on top to hear the audio instructions
Pull down in case of an emergency!
After pulling down the "emergency brake", the app checks basic safety information and connects the user to an emergency response center. Now the user or the emergency responder can choose the needed step-by-step tutorial, which is presented visually and audibly.
Public services made easy
We decided to rearrange and cluster the services to provide a tidied-up portfolio. The icon family and the colors help to illustrate the grouping and context of services. Also, we rethought customer service. Instead of hotlines and mail addresses, we offer a chatbot experience.
All Red Cross services at a fingertip
A simple user profile for blood donations
Transferring interest into action
The Red Cross is the largest blood donor agency in Germany. We designed a user profile that overviews past donations and reminds user about upcoming events. Via an optional notification option, every possible donator would be notified in case of a catastrophe.
Clarity in interaction and visual design
We made the visual design as concise and minimal as possible. This scalable set of design tokens was later rolled out across all components and screens. I build multiple prototypes in Framer to validate the interactive user flows and interactions.
Selected components of the Sketch library
From useless to lifesaver.
With the redesign, we dramatically reduced the time between opening the app and performing first aid for the users we tested with. Our focus on information architecture and careful design of the core UI components helped us get there. Group work with Roman.
