CHG Beds Mobile Site

Web design & Front-End Development

2012 - CHG needed a mobile site designed to work on both phones and tablets. Their desktop site uses flash to showcase their hospital bed features. This mobile site was developed using jQuery Mobile.

You can view the site here. (Best viewed on phone or tablet)

Close Project

3M Mobile & Desktop Micro-site

Front-End Development

2012 - 3M required a promotional site to support a marketing campaign being run for one of their skin products. 3M has strict brand standards and their sites are built using their corporate CMS. This site was built in HTML and CSS and put into their CMS system. Their brand standards required the mobile site to be built with jQuery Mobile. We kicked of the project with basic wire-frames to establish the information architecture and moved into high-fidelity wire-frames before going into development.

You can view the site here.

Close Project

Survey for Diagnostic Program

User-Centered Workshops and Artifacts

2015 - This is a project that is still in production, however, it showcases the user-centered design process really well, so I would like to go into detail on the execution of this project so far.

The application is a survey that generates a detailed report based the data that is entered. The company developing this application already has similar products built and wants to improve completion rates. The team and I took a user-centered approach to this project:

1. Started with user-testing similar products we already have and mock ups that were created by the product owner.
2. Created a user-journey map based on our findings from the user-tests we conducted. We listed out the activities and tasks the user went through, their emotional state, quotes we heard them say during the user-tests, pain points we noted and mapped it out in chronological order.
3. Voted on the pain points that we'll focus on improving. We voted on which we though would give the most value to the user.
4. Took the pain points and turned them into goals and created metrics on how we will measure the success of the project.
5. Created Personas based on our research and user-testing.
6. Conducted ideation workshops (brainstorming and sketching) to solve some of the pain points listed. Scenario creation was done at this time as well, which helped to generate more innovative ideas to solve problems and cause user delight.
7. I created paper prototypes to demonstrate the solutions that were generated during the ideation phase. We user-tested these prototypes and made quick iterations till we had something we felt was a strong solution. I created a high-fidelity wire-frame in a program called "Marvel" to showcase our solutions to key stakeholders.
8. Listed out all the tasks that would need to be done to make the paper prototype a working product. We divided the tasks in 3 groups: must have, should have and nice to have.
9. We'll start building the product and conduct user-tests throughout the development process and continue the same process until the first release. Once the product is out, we'll continue to user-test and improve using the same methods listed above.

Close Project

Singulink

Logo Design, Website Design, Graphic Design, Front-End Development

2011 - Web design and Front-End Development of Singulink's website. I also created the brand's logo.

You can view the site here.

Close Project

Info-Tech New Years Promotion

Website, Email & Print Design

2015 - To celebrate the New Year, Info-Tech sent their clients a greeting card. They sent printed cards and emails. The email linked to a time-line that showcases how members can get the best use out of their membership during the year. The responsive email and time-line were built with HTML and CSS. Above is an animated gif showing the email animation.

You can view the time-line here.

Close Project

Info-Tech 888 Yonge Street Event Promotional Site and Brochure

Website & Print Design

2014 - A 10 page brochure and micro-site to promo Info-Tech's Innovation Lab, 888 Yonge Street in Toronto, Ontario. You can checkout the one page webpage here.

Close Project

Info-Tech Magazine - Innovation Day Project

Graphic Design

2015 - This magazine project was created during Innovation Day at Info-Tech Research Group. Our team had 48 hours to create and present our idea to the department and executive team.

Read More About Innovation Day Here.

Close Project

Post-It - Google Adwords Campaign Animation

Storyboarding and Animation

2011 - Google Adwords campaign to promote Post-It Durable Tabs and direct customers to a coupon. Various sizes and orientations were required, "Large Rectangle" is being shown here. Started the project off with sketches, then moved into polished storyboards before animating in Flash.

Close Project

Not-For-Profit - Femme Force Poster and Logo

Graphic Design

2013 - Donated a poster design, printed posters and a logo to support a Not-For-Profit workout program to help women and youth in need.

Read more about the program here.

Close Project

Infographic - Project Management

Graphic Design

Close Project

Infographic - Train Managers to Negotiate

Graphic Design

Close Project

Infographic - Redefine Your HR Department Structure To Achieve Efficiency

Graphic Design

Close Project

Infographic - Choose the Right Development Platform

Graphic Design, Data Visualization

Close Project