553dc477298d5b334d4ee951_PortfolioHeader.png

“Even the best designers produce successful products only if their designs solve the right problems. A wonderful interface to the wrong features will fail.”

–Jakob Nielsen

Skills

-create wireframes and prototypes
-elicit and analyze user feedback
-conduct usability tests and card sorting
-interpret data collected from usability tests and surveys
-experience using GIMP, Microsoft Paint, Microsoft Visio, Adobe Photoshop and Adobe Illustrator
-experience using Balsamiq (mock up software) and Webflow (online prototyping application)
-create web pages using HTML and CSS
-familiar with JavaScript and PHP

Education

Jun-Aug 2014


Apr-Jul 2014


2010-2012


2008-2010

Human Computer Interaction Course

Photoshop and Illustrator Courses

Bachelor Degree in Computer Systems

Diploma in Computer Information Technology

Coursera (online, self-directed)

Langara


BCIT


BCIT

Human Computer Interaction (HCI) Projects

“At a Glance”

The idea behind this project was to take a lot of information and display it a manner that would allow users to take in all the information "at a glance".

View wireframe
View modified prototype

Techniques used:
-needfinding
-storyboard
-wireframe
-prototype
-collect user feedback via usability tests
-analyze and summarize user feedback

Drawing Program

My classmate and I created this icon-based drawing program for one of our HCI courses at BCIT. The goal was to support that an icon-based interface is intuitive and simple if the correct icons are chosen and laid out thoughtfully.

View initial prototype
View modified prototype

Techniques used:
-prototype
-in-person card sorting
-collect user feedback via surveys
-analyze and summarize user feedback

Elevation™ Wheelchair

This was my Bachelor Degree practicum project that allowed for the analysis of wheelchair data with the use of graphs and tables.

View initial prototype
View second prototype

Techniques used:
-one-on-one interview
-virtual card sorting
-prototype
-collect user feedback via usability tests and general comments
-analyze and report on user feedback

553dc157a0435349489a9058_Bees.jpg
553dc19119431a175160a048_BraqueMyWorld.jpg
553dc1a09d93f6354ddb69cd_CoffeeMug.jpg
553dc24e9d93f6354ddb69d7_thumb_LightBanner_FINAL_CS6-01.jpg

Illustrator Work

553dc22d19431a175160a04f_RaymondLamSketch.jpg
553dc2219d93f6354ddb69d5_RaymondLamFaceFill.jpg
553dc1ae19431a175160a049_House.jpg
553dc268298d5b334d4ee935_TotemPole.jpg
553dc2ef9d93f6354ddb69e1_TotemPoleCircle.jpg
553dc2fc9d93f6354ddb69e3_TotemPoleStar.jpg

Colour Correction

Before
553dc5859d93f6354ddb6a22_thumb_03_Tulips_Original.jpg
After
553dc5a497f0a6165172561b_thumb_03_Tulips.jpg
Before
553dc6a8298d5b334d4ee989_thumb_CC_Fog_Original.jpg
After
553dc6b7298d5b334d4ee98a_thumb_ColourCorrected_Fog.jpg

Photoshop Work

Retouching

553dc74d19431a175160a0f6_thumb_RetouchModel_Original.jpg
553dc75497f0a6165172569f_thumb_RetouchModel.jpg
553dc75c97f0a616517256a0_thumb_Portrait_Original.jpg
553dc7679d93f6354ddb6a54_thumb_Portrait_Final.jpg

Selection and Placement

553dc885298d5b334d4ee9ae_thumb_Arranged_MarioLand.jpg
553dc89c97f0a616517256ca_thumb_PostCard.jpg
553dc8b097f0a616517256cc_thumb_SpainPostcard.jpg
Photo Disclaimer: These photos do not belong to me. They were provided in class and used for learning.