iPad app: Bodyssey

Educational iPad app for children about the human body

Award-winning (Apple Swift Student Challenge 2024) app that focuses on educating kids about five key body systems guided by a charismatic mascot, Globulinus.

UI design for children
app design
educational app
UX/UI design
coding and development
character design
2024

Made in Apple Developer Academy at PUC-PR

Check on Behance

An engaging iPad app designed to teach children about the human body in a fun and interactive way. The app focuses on educating kids about five key body systems: skeletal, muscular, digestive, circulatory, and nervous. Using interactions, such as drag-and-drop and augmented reality (AR), the app makes learning an immersive experience, making complex topics accessible and enjoyable, sparking curiosity and understanding.

Design Process

Challenge Based Learning

Challenge Based Learning process diagram: Engage (Challenge, General Research), Investigate (Domain Research, Applied Research), and Act (Implementation)

The Challenge

Developing an iPad app for children that teaches about the human body through different interactions, with a three-week deadline.

Project goals

App goals: Make learning a fun and memorable experience for children; Create a captivating mascot; Ensure the app is challenging without becoming boring.

Personal goals: Learn and apply UX writing techniques; Gain deeper experience in UI design for gamified apps; Hands-on learning with SwiftUI.

User Flow

User flow diagram: start, home page, and tutorial branching into the five body systems — skeletal, muscular, digestive, circulatory, and nervous — each with its own explanation and interaction

Character Design and Branding

Development of a character responsible for guiding users through how the app works and explaining the human body and the fun tasks of each system.

Globulinus, the app’s red blood cell mascot character, with its goals of making the app more fun, user-friendly, and engaging

Bodyssey branding and style: logo construction grid, title and body typefaces, and color palette

UI Design and Mockups

Five app screens: start screen, onboarding with Globulinus, circulatory system with a heart-rate slider, skeletal system X-ray toggle, and digestive system drag-and-drop

iPad screen showing the muscular system with a magical lens interaction revealing muscles beneath the skin

iPad screen showing the skeletal system with the X-ray toggle switched on, revealing the bones

Results

The Swift Student Challenge is an annual competition hosted by Apple as part of its Worldwide Developers Conference (WWDC). It invites students from around the world to showcase their code and design skills by creating an app with Swift Playgrounds, which is Apple’s educational coding platform.

This prestigious challenge offers young developers a platform to demonstrate their creativity and technical expertise and gain recognition from a leading tech company. Among the many submissions in 2024, Bodyssey earned recognition as one of the top 350 projects selected by Apple.