Collaborative
Project 2024

January 2023 to April 2023

Figma / Adobe Illustrator

In the final semester of my course at Durham College, I worked with a group of designers and developers to create the Ed Broadbent Navigator App, for the City of Oshawa to help visitors navigate the park in an engaging manner.

Live Project

Project
Overview

The scope of the project was to create an interactive AR-based app to promote interactivity in the park with it's physical features, specifically the Amphitheatre, the Garden of Human Rights and the Indigenous Garden. The app would provide a way for the user to learn more about these areas in the park while engage them with the AR Experience.

We worked collaboratively as a part of coursework to create this app, split into two teams - namely the design and development team.

My Role as
Graphic Designer

My role in the project was to design plaques to be placed in the park and icons for the app. During this project I was exposed to and learnt a lot about iconography and illustration and how to make them legible for an app screen.

With feedback from the team and constant iterations, we came up with a solid design for the plaques that displayed information while maintaining legibility and a consistent design theme.

The icons were designed carefully as to accurately represent what they were for along with a detailed documentation and guide on how to use them in the app interface.

The
Plaques

I started off with simple layouts for the plaques, and with feedback from the client and the team, implemented distinctive sections and added color for better visual impact. Each plaque was unique as it required different elements, for example the Garden of Human Rights plaque required a QR code to link to the prohibited grounds of discrimination on the Ontario Human Rights Commission's website.

The progress between the 3 designs can be viewed in the image below. The final design incorporates a bigger image to create interest and more legible text following the Golden Ratio.

The team then implemented this design layout to all the three plaques which can be viewed below.

The
Iconography

We created 3 sets of icons. With constant feedback from classmates, professors and the team we came up with a total of 11 icons with inspiration from minimalism and material design. The icons are divided into 2 distinct sets and intended for use in different areas of the app.

Set 1

This set is intended for use in the functionality of the app, such as buttons, paragraphs or headings. The minimum size for any icon individually is 16x16 pixels and with background 24x24 pixels.

Set 2

This set is intended for use in showing the 3 distinct points of interest in the park. These icons are different from each other yet they follow a similar design aesthetic. The minimum size for any icon is 24x24 pixels. These icons must be used with the background.

The Final
Working App

This was an overall challenging project for both the design and development team. We had to delve into technologies we weren't familiar with, like Augmented Reality for the design team, and React.js and Next.js for the dev team.

Despite these challenges, we created a very successful version of the app that will be tested and further developed upon by future Durham College students in collaboration with the City of Oshawa.

The version we developed is linked below.

Live Project