Disaster Detector is an educational game that teaches players how to analyze and interpret data on natural hazards to forecast future catastrophic events, and how to implement tools to mitigate the effects of those disasters.
Android, iOS, Web/Online
Early project incubation working with stakeholders
Developed early art style with illustration team, game designer, and stakeholder input
Designed, prototyped, and implemented user experience with wireframes and temp assets
Storyboarded user interface and gameplay flow.
Disaster Detector was developed at Filament games for Smithsonian Science Education Center. The goal was to create a resource management game that teaches players to analyze and interpret data on natural disasters in order to mitigate the effects of those disasters and forecast future catastrophic events. Players had to learn how to analyze current and historical data using tools such as Doppler radar, anemometers, barometers, and seismometer. Only then could they decide what defenses will best equip the city.
Disaster Detector is intended for use in the classroom or at home and is aligned to national science standards for middle school but great for players of all ages.
The art direction was largely informed by the gameplay and its target audience. A younger player based meant brighter colors, larger icons, and more pictures. Meanwhile, the core game mechanics revolved around gathering data and drawing educated conclusions. After several iterations, a detective theme chosen as the game's visual theme. I then proceeded to create a mood board and worked closely with the game designer, client, and illustration team to keep a consistent look that best suited the game.
UX / UI / Gameplay Design
As the core game mechanics were being fleshed out, storyboards were created to communicate every aspect along the way, to both the team and the stakeholders. I also implemented the storyboard elements as scratch assets for rapid prototyping to further refine game play. A wireframing tool called Balsamiq was used in conjunction with hand drawn storyboards, allowing for more illustrative UI elements.
Mockup on left, final gameplay screenshot on right. Disaster Detector is available to play on the Smithsonian Website.