"By reducing the entire experience to a single interactive screen, I achieved a level of minimalist flow where every action feels intentional and effortless."
Introduction
Blood Donation is a mobile app designed to elevate the emotional and visual experience of blood donation tracking. In this project, I was responsible for crafting a highly creative, visually symbolic, yet extremely usable interface — turning abstract health data into an engaging, intuitive experience.
The app revolves around a single-screen interface, where each blood drop represents a donation — floating in a vein-inspired, motion-reactive space. My focus was to merge creative UI design with functional simplicity, turning data visualization into a meaningful interaction.
Industry
Banking, B2C Services
Technology
Web, AEM, RIA
Teams
Cross-functional
Projet
Agile, Scrum
Approach
I drew inspiration from the anatomy of veins — using deep graphite and violet tones to mimic blood flow — and represented each donation as a floating drop of blood, distinguished by type and color.
Each drop reacts to the phone’s gyroscope, giving the sensation of being suspended in space. The drops interact subtly with one another, creating a sense of cohesion and gamified movement.
Instead of multiple screens, the app is built around a single core view, with layered cards and popups surfacing details, actions, and insights on demand. This reduced cognitive load while maintaining emotional immersion.
I designed every element — from the fluid drop physics to the layout and gesture mechanics — to create a UI that is as intuitive as it is symbolic.
Challenge
The main challenge was to design a visually stunning yet minimalistic app that could engage users emotionally without overwhelming them functionally. The app needed to present medical data — donation history — in a playful, symbolic way, using only one screen, microinteractions, and gesture-based navigation. Maintaining accessibility, usability, and performance, while making the UI feel fluid, interactive, and artistic, required a deep balance of design disciplines.
Services
- Concept development and UI/UX design
- Visual identity and motion behavior mapping
- Gyroscope-based interaction and drop animation logic
- Single-screen interface architecture
- Design of card overlays, popups, and contextual interactions
- Visual system based on donation types and colors