York University / Sheridan College
Go To Site

Concept for urban planning focused social network and problem modelling interface


  • Web Design
  • Web Development
  • Content Strategy
  • Information Architecture


  • HTML
  • CSS
  • vis.js
  • Angular.js
  • Sketch
  • Framer.js

Time Frame

  • 12 Weeks


Messence started off as an investigation into Toronto's water infrastructure, but developed into a concept for a social network and problem modelling interface. I started off by asking three important questions that would guide the project:

  • What is the problem I can address?
  • Lack of communication and understanding about the complex issues that affect societies

  • Who are the potential users?
  • Leaders, politicians, and activists with social, political, and economic power

  • How can the users meet the problem?
  • Model, share, and follow issues that are of concern to these agents

Based on these questions, I then started creating basic mockups that I presented to my professor and peers. Based on feedback from these sources I began to refine the project into Hi-fidelity mockups. These in turn were further developed into a basic prototype in Framer.js to demonstrate some of the events. following this prototype, I went on to develop a functioning prototype so that I could explore how the modelling interfact would work.


Although the modelling interface and dashboard were only one part of what I had originally wanted the application to do, this project gave me some valuable experience in working with javascript, particularly vis.js and angular.js. I recieved some valuable critique at my grad show, and if I revisit this project I would first focus on the mobile design of the application; a lesson that I incorporated into my development of the CHR Interactive Annual Report a few months later.