I designed an illustrated digital story that helps people follow a difficult human journey without losing clarity or emotional safety.
Role UX, art direction & WebflowIndustry Social impactScope Narrative website & interaction
The subject needed care, not campaign language.
The content moves through formative experiences, harm, connection and a return toward the self. A standard nonprofit layout would turn that emotional arc into disconnected blocks. The structure had to feel guided while keeping the reader in control.
One evolving visual world carries the story.
I used a continuous illustration language, large quiet fields and deliberate changes in scale to signal each emotional chapter. The opening image begins as something whole and luminous, then the surrounding world becomes more complex as the story unfolds.
Narrative architecture: each section advances one clear emotional beat.
Art direction: recurring forms create continuity across the journey.
Motion: scroll states support the story without trapping the reader.
Accessibility: strong spacing and controlled density protect readability.
Interaction gives the narrative space to breathe.
The Webflow build uses pacing, scroll transitions and hover detail to reveal meaning gradually. The interface stays restrained so the illustrations and words do the emotional work.
Narrative sequence
Emotion carries the interaction.
The visual rhythm moves from isolation to recognition. Illustration, scale and negative space do the storytelling before the interface asks the visitor to read.
Social pressure and disconnectionLayered life pressuresCharacter-led art direction
Delivered system
One clear story, carried through every screen.
The project joins message hierarchy, visual direction and interaction into a system that can scale without losing its point of view.