A visual guidance system designed to help users understand medical insurance payment flows in hospitals and pharmacies.
Alipay provides healthcare payment services in hospitals and pharmacies with government agencies, but the process can be difficult for users to understand, especially when multiple payment methods are involved, such as QR code payment, face recognition, and medical insurance e-vouchers.
This project focused on creating a clearer visual guidance experience through structured page tutorials, simplified illustrations, and a more consistent visual language.
Alipay blue as the primary color, with light blue backgrounds and small yellow accents to reduce the coldness of medical scenes.
Simplified characters with friendly facial expressions and clean silhouettes to make medical payment scenarios feel less intimidating.
Hospital counters, self-service machines, pharmacy counters, phones, QR codes, and payment terminals are reduced into simple visual symbols.
Important actions are highlighted with blue labels, step numbers, arrows, and enlarged device screens.
Gesture illustrations were standardized to clearly communicate payment actions such as scanning, tapping, and presenting a QR code.
Every scene is built from three reusable layers, so new scenes can be assembled quickly while staying visually consistent.
Each scene keeps its key subject centered with consistent 40px margins, the focal point stays clear and the composition feels balanced across screens.
The final visual system made the healthcare payment guide more approachable, consistent, and easier to follow across different hospital and pharmacy scenarios.