Skip to main content

Stories for Tomorrow: Creating Interactive Digital Books Through Design Thinking


Real-World Challenge Statement

Many Senior High School students today are surrounded by digital content, yet they often find traditional reading materials—especially literary texts—less engaging or difficult to connect with. At the same time, Filipino stories, contemporary literature, and cultural narratives are not always presented in ways that reflect how modern learners consume information.

Because of this gap, valuable stories and important themes in Philippine literature may lose their impact and relevance to young readers who prefer visual, interactive, and multimedia-rich experiences.

In response to this challenge, students are invited to act as digital authors and creative designers who will reimagine how stories can be experienced. Through this project, they are tasked to design and produce an interactive digital book that transforms a chosen literary text or original story into a more engaging, accessible, and meaningful experience for today’s learners.

The digital book may include text, illustrations, photographs, audio narration, and short video elements that help bring the story to life. The goal is not only to present a story, but to redesign the reading experience itself so that it becomes more immersive and relatable.

This challenge is guided by the Design Thinking process as students first consider the needs of real readers—such as their preferences, difficulties, and interests—before defining the problem, generating creative solutions, developing prototypes, testing their work with peers, and refining their final digital book based on feedback and evidence.

Through this process, students move beyond being passive readers of literature and become active creators and storytellers who use technology to make meaning and share culture in new and impactful ways.

Challenge Question: How might we create an interactive digital book that inspires others to appreciate Filipino stories, culture, and contemporary issues?

Design Thinking Process

Empathize

Students explore the interests, reading habits, and needs of their target audience through interviews, observations, and discussions. Using Notes, Camera, and Voice Memos, they gather insights to better understand what makes a digital reading experience engaging.

 

Define

Students analyze their findings and identify a meaningful challenge. They develop a problem statement that guides the purpose and direction of their digital book.

Apple Tool Integration: Using Pages, students will organize their findings and write a Design Brief that includes a description of their target audience, identified needs, project goals, and a clear problem statement. For example, students may conclude that many teenagers struggle to connect with traditional literary texts because they prefer visual and interactive forms of storytelling. The Design Brief will serve as a guide throughout the project and help ensure that all design decisions remain focused on the audience.

Ideate

Students brainstorm creative ways to make stories more engaging through multimedia. They generate ideas for themes, layouts, illustrations, audio, video, and interactive elements using Keynote or Freeform. 

Brainstorm:

  • Themes
  • Story formats, storyboarding sessions
  • Multimedia elements
  • Reader interactions

 

Students used Procreate and Freeform in their storyboarding

Prototype

Students create the first version of their digital book using Pages, Procreate, and iMovie. They combine written content with multimedia elements to bring their ideas to life.  

Instructions:

  • Create your front page, book details, back page, credits
  • Draw your book in digital format (A4, 300 dpi, black outlines only).
  • Use clean, consistent line work with open spaces for coloring.
  • Add the required caption and page layout elements.
  • Submit your draft for initial review.
Digital activity book. crafted by the animation students for the community

Test

Students share their prototypes with peers and gather feedback on content, design, and user experience. They use this feedback to identify areas for improvement.

Instructions:

  • Print your prototype and let 1–2 highschool students or teachers try coloring it.
  • Launch the digital copy in the LMS for community viewing with a feedback form
  • Ask for feedback on clarity, fun factor, and ease of answering the book.
  • Revise the design to fix any issues (e.g., too many small spaces, unclear lines).

 

Teachers added comments and suggestions for the book revision

Share

Students publish and present their completed digital books to an authentic audience, reflecting on how the Design Thinking process helped them create a more meaningful and engaging reading experience. 

Launching of the printed activity book to community partners and publishing to the community LMS for everyone's use

Why This Matters

Creating Interactive Digital Books helped Senior High School learners experience literacy, creativity, and technology as meaningful and connected to real life. Students used reading and research skills to understand stories and audiences, communication skills to craft compelling narratives, design skills to create engaging visual experiences, and digital tools to publish content for an authentic audience.

The project also demonstrated the importance of empathy in content creation. A digital book is not successful simply because it looks visually appealing or uses multimedia features. It becomes meaningful when it connects with readers, addresses their interests, and communicates ideas in ways that are engaging and accessible.

Through this challenge, students learned that effective content creation is an iterative process of understanding users, generating ideas, creating prototypes, gathering feedback, and refining solutions. They discovered that technology can be more than a tool for consuming information—it can empower them to become storytellers, designers, and creators who preserve culture, share knowledge, and inspire others through meaningful digital experiences.

Teacher Resource

A copy of the Digital Interactive Book Challenge Pages template is available for download for educators who wish to adapt this method for their ICT class on Animation or Visual Graphics Design


 

Attachments

1 reply

June 05, 2026 Language English

Coming from a Computer Science background, I do find this awe-inspiring and I am loving the Wireframe portion. Congrats!

This post contains content from YouTube.

If you choose to view this content, YouTube may collect and process certain personal data. You can view YouTube’s <a href="https://www.youtube.com/t/privacy" target="_blank">privacy policy here<span class="a11y">(opens in new window)</span>.</a>

This post contains content from YouTube.

You have rejected content from YouTube. If you want to change your consent, press the button below.