Our Solution: Immersive Scrollytelling in Graphic Novel Style

1. Overview Page – The Entry Point

The central overview page presents all five protagonists as graphic novel characters in a wide hero banner. Each figure has its own color world and individual illustration style, immediately immersing visitors in the project’s visual universe. From here, users navigate to the individual stories with a single click.

2. Five Scrollytelling Stories

Each story is designed as a standalone scrollytelling experience with a unique narrative structure:

  • Thuy – A young woman from Vietnam. Her story traces the journey from hope for a better life to exploitation in cramped living quarters. Scenes alternate between intimate portraits and wide-angle illustrations of living and working conditions.
  • Alessio – A 31-year-old man from Romania. His scrollytelling sequence leads through agricultural fieldwork and vividly depicts the mechanisms of labor exploitation.
  • Lacrima – A 43-year-old woman from Moldova. Her story tells of deception and financial exploitation, visualized through detailed graphic novel scenes.
  • Sanjay – A specialty chef from India. His story begins with a seemingly enticing job advertisement and gradually reveals the reality behind false promises.
  • Valeria – A 51-year-old woman from Bulgaria. Her experience as a care worker in Germany is told through emotional illustrations and scroll-triggered text overlays.

3. Unique Visual Style

All illustrations were created in a professional graphic novel style. Each story has its own color palette — from warm magenta to deep teal to soft pink — reinforcing the mood and emotion of each narrative.

Creative Highlights: What Makes This Project Special

  1. Graphic Novel Meets Web: The combination of professional illustration and scroll-based interaction creates a medium that feels like an interactive comic — unique in the German-speaking world.
  2. Empathy Through Interaction: Active scrolling makes visitors part of the story. They control the pace, discover details, and experience the narrative at their own rhythm.
  3. Individual Color Worlds: Each of the five stories has its own chromatic identity, conveying mood and emotion before a single word is read.
  4. Flipbook Animation Instead of Video: Over 350 individual frames per story enable cinematic storytelling without streaming infrastructure, with full control over pacing and interactivity.
  5. Blur Text Effect as a Storytelling Element: The progressive unveiling of text mirrors the gradual revealing of the stories — form and content merge.

Services Delivered

  • Concept & Creative Direction
  • UX/UI Design for Scrollytelling
  • Technical Development (GSAP, ScrollTrigger, WordPress)
  • Scroll-based Animation Programming
  • Responsive Web Design & Performance Optimization
  • Integration & Quality Assurance

This project demonstrates how modern scrollytelling and graphic novel design can work together to make complex social issues emotionally accessible. By combining professional illustration, scroll-triggered animation, and thoughtful UX design, a digital experience emerges that informs, raises awareness, and stays with you.

Want to realize a similar scrollytelling project? Contact us at thatworksmedia.com — we develop interactive storytelling experiences that make an impact.