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
A human story, made tangible through interaction.
The project joins message hierarchy, visual direction and interaction into a system that can scale without losing its point of view.
Your next project
Give your story an experience of its own.
Tell me what your customers need to understand or do. I’ll recommend the work, set the scope and stay accountable for delivery.