The Magic Time Bus

Prototype sprint of a speculative time travel field trip booking app for teachers to take students to witness real historical events

Mockup of landing screen for Magic Time Bus mobile app
Mockup of landing screen for Magic Time Bus mobile app
Mockup of landing screen for Magic Time Bus mobile app
Prototype of search interaction
Prototype of search interaction
Prototype of search interaction
Prototype of booking interaction
Prototype of booking interaction
Prototype of AI chatbot interaction
Prototype of AI chatbot interaction
Role

Product Designer

Team

Product Designer (2), Jr. Product Designer (3)

Timeline

May 4-5, 2023

Project type

Hackathon

This project was a submission for the 2024 Dubstech Protothon.

What I did:

  • created low/high fidelity screens and prototype for Search flow

  • created final presentation slide deck

How might we design a mobile app that allows users to discover and travel to the past or future?

Moodboard
Moodboard for project including screenshots from Airbnb, the Magic School bus, and 2 bit style graphics
Moodboard for project including screenshots from Airbnb, the Magic School bus, and 2 bit style graphics
Moodboard for project including screenshots from Airbnb, the Magic School bus, and 2 bit style graphics
Visual System
Visual system with color palette, logo, and typography choices
Visual system with color palette, logo, and typography choices
Visual system with color palette, logo, and typography choices

the magic time bus

The Magic School Bus x Airbnb Experiences

The Magic Time Bus theme was inspired by The Magic School Bus franchise, a book and television show series where a quirky elementary school teacher takes her class on magical field trips made possible by a yellow school bus that can do magical things such as transforming into a space ship to blast into the solar system, become a submarine to dive deep into the ocean biome, or shrink small to witness a digestive system from the inside.

This app design was inspired by the Airbnb Experiences feature and designed to be used by elementary school teachers who need a quick and streamlined way to find and book interesting field trips for their students without having to coordinate the details on their own. The logo was generated on Microsoft Copilot.

Wireframes
Initial wireframe explorations of landing screen, explore screen, search form, trip details page, and booking flow
Initial wireframe explorations of landing screen, explore screen, search form, trip details page, and booking flow
Initial wireframe explorations of landing screen, explore screen, search form, trip details page, and booking flow
Components
Components including buttons, form fields, ions, and navigation bar
Components including buttons, form fields, ions, and navigation bar
Components including buttons, form fields, ions, and navigation bar
Iterations
High fidelity iterations
High fidelity iterations
High fidelity iterations

final designs

Search for Field Trips Back in Time

Use the Magic Time Bus app to plan and find a time travel field trip for your classroom needs!

High fidelity prototype interaction for searching for a field trip
High fidelity prototype interaction for searching for a field trip
High fidelity prototype interaction for searching for a field trip

Book a Field Trip

View information about the trip including the destination location/date, reviews, and trip description. Then book it!

High fidelity prototype interaction for viewing a trip listing and booking a field trip
High fidelity prototype interaction for viewing a trip listing and booking a field trip
High fidelity prototype interaction for viewing a trip listing and booking a field trip

AI Chatbot

Ask Liz the AI class pet chameleon for recommendations, details on trips, tips on time travel, and more! The LIzbot was inspired by the comical class pet character in the Magic School Bus franchise who would be dragged along the adventures with the students.

High fidelity prototype interaction for asking the Chatbot a question
High fidelity prototype interaction for asking the Chatbot a question
High fidelity prototype interaction for asking the Chatbot a question

Carolyn P. Chen (she/they)

ux product designer in seattle, wa, usa, looking for my next adventure

site designed and built by me :)

© Carolyn Chen 2025

Carolyn P. Chen (she/they)

ux product designer in seattle, wa, usa, looking for my next adventure

site designed and built by me :)

© Carolyn Chen 2025

Carolyn P. Chen (she/they)

site designed and built by me :)

© Carolyn Chen 2025