INTERACTIVE MULTIMEDIA DESIGN

Agriculture and Food Museum

Context

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).

  • UI Design, Visual design

  • Carleton University: Katie Graham

  • Procreate, Adobe Illustrator, Adobe Indesign, Adobe XD

  • 2024

Results

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!

Game Demo /

This brochure task focused on the Aquaculture section of the museum.

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 poster task focused on creating an illustrative map for the entire Agriculture and Food Museum.

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.

Poster /

Game Process

Above are some sketches we made for our user flow diagram to grab a rough idea of how we wanted to organize our individual sections.

Sketches /

Above is the cleaned version of our user flow diagram which was used to organize the user journey of our Scavenger Hunt Game to ensure consistent collaboration across the team.

User Flow Diagram /

Attached is a rough low fidelity wireframe that was created to map out a preliminary look-and-feel for the application.

Low Fidelity wireframes /

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.

Design systems /

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.

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.

High Fidelity Wireframes /