Email copied, chat soon! Waving Hand
Background clouds Foreground clouds Foreground clouds
Please view on a larger screen for the best experience.
Trees School Building Bus Play Explainer Video
TEDDY, PENNY, CHIP & BEAN
ERYN VOOGT
Please view on a larger screen for the best experience.

INTERACTIVE WEB EXPERIENCE   ▪   CHARACTER DESIGN

PROCREATE   ▪   HTML   ▪   CSS   ▪   JAVASCRIPT

 CASE STUDY
 CASE STUDY
 CASE STUDY
 CASE STUDY
 CASE STUDY
 CASE STUDY
 CASE STUDY
 CASE STUDY
 CASE STUDY
VIEW LIVE

The Problem

Publicly funded primary and secondary educators have limited access to interactive, digital resources to assist them in supporting students with Autism Spectrum Disorder (ASD). This results in educators struggling to understand and respond when learners experience sensory overload, which often leads to students feeling stressed, anxious, and having meltdowns.

The Brief

To provide educators with the knowledge to identify sensory triggers, emotional responses, and behavioural reactions to different patterns of sensory overload, helping them develop practical strategies that meet student needs and foster inclusive classrooms.

The Solution

Teddy, Penny, Chip & Bean is an interactive digital storytelling experience that places educators in virtual classrooms. Through branching narratives, educators make real time decisions in response to moments of sensory overload. Each choice shapes the outcome, either supporting regulation or heightening distress, followed by feedback that clarifies the impact of their actions. The experience is accompanied by downloadable classroom tools including awareness posters, calming charts, a language guide, communication cards, and a teacher's reference guide.

Intended Audience

Primary and secondary level educators in South African public schools who have limited knowledge of sensory differences, work with large classes and minimal support, and need practical strategies to create calm, inclusive classrooms for students with ASD.

RESEARCH & INSIGHTS

  • Star bullet point

    Thesis Research & Visual Analysis explored Dunn's Model of Sensory Processing, the Social Model of Disability, and empathic design. Analysis of Life (Re)Sounding and (UN)TRAFFICKED informed how narrative and feedback systems support understanding of complex lived experiences

  • Star bullet point

    Interview with Madelé Gervaise, Principal at Evolve Development Centre, revealed educators often learn how to handle sensory overload on the job with little prior training

  • Star bullet point

    Questionnaire with 36 teachers across Cape Town and Johannesburg identified loud noises, crowded classrooms, and changes in routine as the most common triggers

Research illustration
Passive
Self-Regulation
Active
Self-Regulation
Hyposensitivity
(High Neurological Threshold)
Hypersensitivity
(Low Neurological Threshold)
Low
Registration
Penny
Sensation
Seeking
Bean
Sensory
Sensitive
Chip
Sensation
Avoiding
Teddy

CONCEPT DEVELOPMENT

The project evolved from simulating overstimulation from a neurodivergent perspective to creating an educator focused tool. Instead of separating types of overstimulation, each character represents one of the four patterns from Dunn's Model: Sensory Avoiding, Low Registration, Sensory Sensitivity, and Sensory Seeking. Characters begin as black and white when regulated, then transition to vibrant signature colours (red, blue, yellow, green) as sensory overload escalates, providing visual feedback of their emotional state.

THE STUDENTS

Meet Teddy, Penny, Chip, and Bean. Each student represents a different sensory processing pattern from Dunn's Model. Click on a student to learn more about their pattern.

Teddy Sensory Avoiding
Penny Low Registration
Chip Sensory Sensitive
Bean Sensory Seeking
Paper Plane

THE DIGITAL EXPERIENCE

Interactive mockups showcasing the user experience and interface design.

Experience Mockup 1
Experience Mockup 2
Experience Mockup 3
Experience Mockup 5

SUPPORTING RESOURCES

Beyond the interactive scenarios, the website includes educational pages that extend learning and provide ongoing support for educators.

Dunn's Model of Sensory Processing

Dunn's Model of Sensory Processing

An educational page that explains the theoretical framework behind each character, breaking down the four sensory patterns and how they manifest in the classroom.

Classroom Materials Hub

Classroom Materials Hub

A dedicated download page where educators can easily access and print all resources for immediate use in their classrooms.

Scissors Animation

CLASSROOM MATERIALS

Five downloadable resources extend the experience into everyday practice.

Teacher's Reference Guide

Teacher's Reference Guide

Summarises key learnings from the experience for quick classroom reference

Awareness Posters

Awareness Posters

Build understanding of sensory differences and autism among students and staff

Language Guide

Language Guide

Provides inclusive, supportive language tips for communicating with autistic learners

Calming Posters

Calming Posters

Offer simple, visual strategies for self regulation during stress or sensory overload

Interactive Drawing Cards

Interactive Drawing Cards

Feature character outlines without facial features, allowing students to draw and express their own emotions when words are difficult to find

Communication Cards

Communication Cards

For students who are nonverbal, don't feel like speaking, or can't find the right words

Thesis Preview

THE THESIS

Completed as part of a BA Honours in Visual Communication, this thesis explores how interactive digital storytelling can support educators in recognising and responding to sensory overload in learners with ASD. The research draws on the Social Model of Disability, Systems Thinking, and Dunn's Model of Sensory Processing to examine how design can create more inclusive educational tools.

DOWNLOAD THESIS
Teddy, Penny, Chip & Bean Main Screenshot
PROJECTS
PROJECTS
PROJECTS
PROJECTS
PROJECTS
PROJECTS
PROJECTS
PROJECTS

- SELECTED WORKS