Blog
WORK
+
Test Chamber
Test Chamber
Fitting In
Fitting In
Good Ideas on Paper
Good Ideas on Paper
TSTAMS Web App
TSTAMS Web App
Focolize
Focolize
Mi Wallets
Mi Wallets
Junior Explorer Matches
Junior Explorer Matches
Tuxedo Typeface
Tuxedo Typeface
Electric Zoo Identity
Electric Zoo Identity
To: Love, From: Loss
To: Love, From: Loss
PLAY
+
Motion Experiments
Motion Experiments
Web Experiments
Web Experiments
Illustrations
Illustrations
CloseX
CloseX
About Me
Hey there! My name is Christopher Wong. I'm a graphic designer living in Toronto, Ontario and a recent graduate of the York University/ Sheridan College Design Program.

I am a multidisciplinary designer who specializes in interactive and motion design. Forever curious and constantly learning, I enjoy creating designs that engage the viewer on multiple levels. Throughout my work, I actively mesh concept and form to create memorable experiences.

To the left is a showcase of my most interesting work done in past years. Have a look and if you like what you see, feel free to contact me with questions, comments or just a friendly hello.
Contact
Email: cjordanwong@hotmail.com
Phone: 416.565.4873
Demo Reel 2013
Motion
A one minute bite-sized version of all my motion graphics work. To see the full videos check out my Vimeo!
Test Chamber
Motion
Test Chamber is an experimental and collaborative project between myself, Adam Zabunyan and Dylan Belyk-Seymour. Emphasizing the stark contrast between the polished and the grotesk, the motion piece combines three-dimensional typography with two-dimensional cel animation. The video is separated into two parts but tied together by the themes of birth and life.

Test Chamber received an RGD Student Awards honorable mention in the Motion Graphics category!
Fitting In
Motion
A short personal story about an incident that happened during 5th grade. The character and colour palette were all designed to aid in the telling of a childhood experience with dark underlying tones. The darker mood is further emphasized with the use of red textured patches which foreshadow the climax of the story. I played around with using frames within the main video frame to convey feelings of isolation and being trapped.

Fitting In received an RGD Student Awards honorable mention in the Motion Graphics category!
Good Ideas on Paper
Motion
Good Ideas On Paper is a Public Service Announcement which reminds the audience to question and always stay critical of the negative and unintentional effects of progress. Throughout the short video, the PSA draws attention to many ideas, which were good on paper but unfortunately did not translate well to real life. As a symbol for rash and thoughtless progress blinded by ambition, the video highlights a scientist creating a genetically engineered dinosaur, a good idea on paper.

Good Ideas on Paper was a Adobe Achievement Awards Semifinalist in the Animation category!
The Scary Thing About Media Scares
Web
The Scare Thing About Media Scares is my undergraduate final year independant project which takes an objective look at media scares. While the news media often tells stories which try to illicit emotional responses from their audience, my project attempts to separate fact from fiction and advise viewers to thing twice about what they hear, see and read in the news. Personally the goal for this project was to explore the linear story-telling capabilities of the web app medium and to incorporate a variety of things that I learned through my four years in the York/ Sheridan Joint Program in Design. These include interactive/user interface design, information design, motion design, illustration and art direction.
Focolize Web Directory
Web
Focolize is a new start-up online directory that allows potential clients to easily search and compare a variety of local professionals such as accountants, real estate agents and lawyers. The directory embraces the infographic aesthetic to clearly and efficiently communicate the pertinant information needed to make an informed decision.

The directory is currently under development and is not live yet.
For this freelance project I was in charge of designing the logo, the user experience and the overall look and feel of the directory. For the infographic profile pages, I designed the visual system incorporating interactive graphs that chart the given professional's experience and achievements while also allowing past clinets to write reviews.
The criteria for the logo design was that it had to be professional yet fun and approachable while saying something about what the directory does.
Mi Wallets Website
Web
This website was designed for Mi Wallets, a new local eco-friendly company that uses reclaimed ricebags from around Toronto to produce trendy and durable wallets and pencil cases. For this freelance project I designed a site that clearly displays the friendly environmental message of the product/ company, complete with google maps for local retailers and PayPal for online orders.

Click here to view the project in action.
Junior Explorer Matches
Print
Junior Explorer Matches was a Adobe Achievement Awards Semifinalist in the Packaging category!

This package for matches is designed for scouts and parents who want to teach their children (ages 10+) about camping and the outdoors. The idea is that the best way to prevent kids from dangerously playing with matches is to show them how to use them properly. Kids should also be taught the safety precautions that should be taken when lighting a campfire.
Keeping these ideas in mind, the Junior Explorer Matches package offers campfire safety tips on its back as well as three outdoors learning activities on its sides. The three learning activities, which transform/ repurpose the package, include constructing a birdfeeder, assembling a sundial and if a camper is having trouble balancing logs for a fire, the package can be inverted and used as a structural and flammable base.
Tuxedo Typeface
Print
This is a poster I designed to promote the Robert Longo Photography Exhibition that took place in downtown Toronto during May 2011.
The poster was also designed to showcase my typeface "Tuxedo" in action. Tuxedo is a slick and sexy semi-serif inspired by the semi-formal suit of the same name. Numerals are to be included soon.
Electric Zoo Identity
Print
The goal of this project was to create a bilingual visual identity system for the Electric Zoo electronic music festival in NYC that could be translated through a variety of media (poster, ticket and event programme). For this system I chose a typeface and created imagery that would directly reflect the event name. While the "sound balls" imagery carries energetic and sonic connotations (Electric), they are also meant to resemble bacteria or viruses (Zoo) as the rhythm and beat of electronic music tends to be catchy and infectious. The imagery was created in Cinema 4D and composed in Photoshop.
The ticket was purposely fashioned into a backstage pass style lanyard so that it would be harder to lose when in the festival's many moshpits. The ticket was also given a perforation which would to be discarded upon entry and the remainder of the ticket could be used for re-entry. The front of the ticket is in English and the back is in Spanish.
For the programme, each dj was given their own wave pattern which correspondes to the given dj's "sound". Small infographic facts about the festival are scattered throughout the programme to provide another layer of information. Also while the most important infomation about the djs (such as where and when they are playing) is typeset horizontally, the secondary information about the djs' backgrounds (in English and Spanish) are typeset vertically allowing for another level of user interaction.
To: Love, From: Loss
Print
After stumbling upon thousands of text messages sent during the terrorist attacks of 9/11 on Wikileaks, I created this infographic which visually displays the number of times the words "love" and "luv" were sent via text message per hour during September 11, 2001. I also highlighted specific text messages on the side that I believe tell the story of the attacks in a raw and unconventional way.
Motion Experiments
Motion
NineGif is a weekly animated gif collective started by myself and my friends in the York/Sheridan Design Program. Every week we randomly generate a word and create animated gifs around that word. This weekly exercise allows us to quickly try out new things and sharpen our motion design skills. Plus it's just plain fun!

Check out our Tumblr blog where we post new gifs every week!
Web Experiments
Web
L4D2 Processing Experiment
Based on the popular video game, Left 4 Dead 2, I designed an experimental website that showcases seven different interactive "sketches" produced in the Processing language. Some of these sketches make use of the computer's webcam and incorporate a colour recognition system that I wrote myself. Click here to view the project in action.
40 Useless/ful Things
For this project I was given 40 random objects and asked to organize and make some kind of meaning out of them. I decided to catagorize them based on their intended uses and then supplement them with additional information about their "alternative uses". To accompany the light hearted playfulness of the subject matter, I chose to make all 40 objects out of plasticine. The objects are displayed in a "google maps" type of format in order to encourage exploration and discovery. There is no correct order to navigate the site. Click here to view the project in action.
Illustrations
Print
Starcraft 2 Night Poster
For the first Starcraft 2 night hosted by the Design Students Association at York University, I was asked to create an poster to advertise the event. Drawing inspiration from wartime propaganda posters, I designed and illustrated this impactful poster for a highly successful event.

Eleven x Seventeen Poster
This is the poster I submitted to the Eleven x Seventeen poster exhibition that took place in the Elenor Winters Gallery at York University. The poster along with the theme of the exhibition was a commentary on the artist/client relationship and how often times it can feel draining.

3D Modeling Renders
Below are a few renders that I made in Cinema 4D while learning to model in the program.
My name is Chris Wong
I am an Interactive and Motion Designer