How to Become an Internet Superhero E-book — UX, Illustration & Interactivity Combined to Teach Online Safety — With Tailored Experiences for Students and Educators Across Devices
E-book for Educators for Projecting and Reading for Kids (Full Version):
My Roles & Responsibilities
Lead Designer, Illustrator, Creative Lead & Project Owner
User/Learner Experience: UX research, UX/LX/UI Design, User Testing, Accessibility & Inclusivity, Wireframing & Prototyping
Art/Visual Design: Art & Creative Direction, Visual Style Research, Illustrations, Story Pacing & Layout
Learning Design: Curriculum Development, Curriculum Mapping, Lesson Plan Design
Others: Shareholder Workshops & Communications, Project Plan & Management
Software
Figma, FigJam, Procreate, Adobe Photoshop
Audience
Foundation to Year 2 students
E-book for Kids (iPad Version) for Self-Reading (Partial Version):
The Challenge
Create a digital storybook to teach early primary students about online safety in a fun, age-appropriate, and educational way. The project began with no defined scope or brief, and partway through, the learning designer left the organisation.
Design Considerations
Designed for iPad/tablet use in primary classrooms
Focused on a narrative-based approach to online safety education — creating an engaging, age-appropriate story to help young children understand how to be safe online
Featured inclusive characters and familiar digital scenarios to support relatability and empathy
Illustrated clear digital behaviours and safe habits through storytelling
Applied early years readability standards in typography, pacing, and layout
Designed for iPad/tablet use in classroom and home learning environments
Design & Delivery Highlights
I took full ownership of the project — from shaping the vision to delivery.
Defined the scope and creative direction from scratch
Led cross-functional workshops with stakeholders to understand goals, align on narrative direction, and co-critique early drafts
Designed and illustrated the entire storybook to engage young learners through warm, expressive visuals
Created two tailored versions:
One for educators to read aloud with discussion prompts
One simplified for students (with kids language and more interactive animations) to explore independently (iPad & laptop)
Conducted user testing with educators and students to ensure clarity, engagement, and appropriate tone
Iterated based on feedback from both educators and young readers
Outcome
Successfully delivered as part of eSmart’s digital learning resources
Used in schools across Australia, both in online and face-to-face settings
During user testing with primary schools in Victoria (Year 1–2 students), kids cheered when interactive animations appeared and remained fully engaged throughout the session
Positive feedback from educators who appreciated both the visual storytelling and dual-use format
The foundation cited the project as a key piece in strengthening their early-years safety resources