CANADA AGRICULTURE AND FOOD MUSEUM
Built a fun, educational game for children at the museum
This 4-month project for Canada Agriculture and Food Museum was part of my MPAD2002 Visual communications course to develop skills within Adobe software. The main focus was to understand how to use colour, shapes, and theory to target specific demographics and create indirect meaningful messages. For this project, my main audience was children, with the goal of creating a playful and fun learning environment.
This project involved creating an interactive scavenger hunt game on Adobe XD, an illustrative map on Adobe Illustrator, and a brochure on Adobe InDesign *(Adobe XD link has been adjusted to display only my work on this project).
PRODUCT TYPE
Illustrative map, brochure, mobile game
ROLE
UI Design, Front-end, Visual identity
TOOLS
Procreate, Adobe Illustrator, Indesign, XD
TIMEFRAME
September - December 2024
Using colours, shapes, and typography, this poster focused on capturing a style targeted towards a younger demographic. The playful irregular shapes and bright colours bring a welcoming and friendly design.
This illustrative map task focused on creating an illustrative map for the entire Agriculture and Food Museum.
Illustrative map:
Illustrative map:
This brochure task focused on the Aquaculture section of the museum.
Brochure:
Using Gestalts principles and Molly Bang Theory, this brochure explores symmetry, common fate, proximity, continuation, similarity, colour, shapes, and more to influence the type of interactions had with the brochure.
Brochure:
This results in untouched museum activities while the lack of engagement would impact the overall learning experience this museum has to offer.
Our task was to create a scavenger hunt game that could act as both an interactive guide and solution towards ensuring that guests leave with an educational, fun, and meaningful experience.
⭐ The first step in this task was to sketch out and map our ideas and inspiration.
Museum visitors and children are not interacting with the museum activities enough during their visits.
Mobile Game — The problem:
Project planning:
Above are some drafts we made for our user flow diagram to grab a rough idea of how we wanted to organize our individual sections to ensure consistent collaboration across the team.
Attached is a rough low fidelity wireframe that was created to map out a preliminary look-and-feel for the application.
Since we were working individually within our team, we needed to solidify a consistent design system to ensure all our pages matched
Mobile Game — Visual Identity:
Design systems:
Above are the design systems for the Scavenger Hunt Game’s typography, colours, icons, and components to be consistently used throughout the team to maintain that same look-and-feel across all our different sections.
Overall, we wanted to ensure a simple, engaging, consistent, and fun user interface for this game. Especially given that our audience was children, we wanted to make sure that it was easy to navigate, understand, and that our look-and-feel matched our demographic.
Reflecting on the project, I would say we did a great job in keeping up the consistency across eachothers pages. Not only that, but the colour choices and graphics worked well given our demographic. It was a super straightforward game with a very clear purpose, which granted, received an A+ grade.
Putting everything together on Adobe XD
Mobile Game — Results:
High fidelity wireframes:
These are some samples from the finalized high fidelity wireframes from my section, Aquaculture. In addition to my section, I also created the homepage, and the final prize section with the gate and the trophy reward.
Check out our quick demo of the mobile scavenger hunt game!
Video Demo:
This interactive scavenger hunt game focused on creating meaningful and educational interactions with museum artifacts, activities, and information. Overall, bringing children and visitors through an educational guide within the museum in the form of a game.
In Farm For Fun, you’ll scavenge for clues, earn rewards, collect medals, and unlock new areas within the museum.
Thanks for watching!
Still here? Check out my other projects 👀
Keep reading
HEARTH
Designed a mutual aid app addressing overconsumption
Led UX design and logo creation for our application, Hearth, to address growing concerns over overconsumption through non-monetary community support.
CARLETON VOLLEYBALL
Designed and built Carleton Volleyball Club website
Led UI Design and Front-End development for Carleton Volleyball Club website to streamline registration and organize drop-ins.