Barrett CTI Mobile App

The Humber Barrett Centre for Technology Innovation is a 93,000 sq ft. building that will be the hub of on-campus, industry-focused innovation at Canada’s largest post-secondary polytechnic educational institution. One key element is the Barrett Center App, a robust, community-based hub that allows stakeholders to engage with each other and the building.

Client

Humber College

Role

UI Designer
Front End Developer

Platform

Mobile App

Tools

Adobe XD
React Native

Collaborations

Soma Aliakbari as UX Researcher
Zachary Dods as Full Stack Developer

Year

2019
Design

This was an exciting project as I got to work as the UI Designer and Front End Developer. The UX research was done by Soma Aliakbari. After extensive research, she handed me her final low-fidelity wireframes, and I was responsible for creating the final designs based on those wireframes. I was brought into the project after the UX research was completed and thus I didn't actively participate in this part of the project. This was interesting because I hadn't ever been in a position where I was given wireframes and told to create a design based on those wireframes. This required lots of communication with the UX researcher in order to understand better some of the decisions that were made. In the end, we were able to come up with a great final product that made the client happy and satisfied.

Development

My second role in this project was as the Front End Developer. I had worked with React Native before but had never created a full project right to the end product. I took a React Native course online offered by Designcode.io that was absolutely incredible! I was able to quickly learn all the ins and outs of React Native and quickly develop an app that would be available for both iOS and Android devices. It was great to be a developer and designer on the project because whenever I wasn't happy with something in the design, I was able to change in both the design and the code quickly. Being a designer who knows how to code is great because I know how my designs will translate to code and I can easily make changes as needed.