<h1 class ='brandscreenHeader'>
						<span class='J_james'>J</span>
						<span class='A_james'>A</span>
						<span class='M_james'>M</span>
						<span class='E_james'>E</span>
						<span class='S_james'>S</span>
						 
						<span class='C_cam'>C</span>
						<span class='A_cam'>A</span>
						<span class='M_cam'>M</span>
					</h1>

J A M E S   C A M

416 856 1717 | me@james-cam.ca

ABOUT

H A T + G L A S S E S

James is one of the few art directors that drools over well-crafted copy, clean code and solid marketing plans. Being a strategist at heart, he searches for insights and ensures decisions loop back to objectives. He dreams of a world free of poor user experiences and where all things are infused with surprise and delight.

Catan Modder | Foosball Enthusiast | Basketball Student

<h1 class ='brandscreenHeader'>
						<span class='I_insitu'>I</span>
						<span class='N_insitu'>N</span>
						<span class='S_insitu'>S</span>
						<span class='I_2_insitu'>I</span>
						<span class='T_insitu'>T</span>
						<span class='U_insitu'>U</span>
					</h1>

I N S I T U

App Concept | 500px PixelHack Winner

SHOW WORK

F L A S H   Y O U R   S K I L L S

This app serves as a conversation piece for photographers and potential clients. Seeing the photos in context changes the dynamic of the work and creates an opportunity to demonstrate their expertise. InSitu gives photographers that extra edge needed to land the gig.

Role: Product Designer | Pixelhack 2012 | Winner: Best Business Idea

inSITU Main Screens

Main Screens

inSITU Detail Screens

inSITU Detail Screens

<h1 class ='brandscreenHeader'>
						<span class='I_icamp'>I</span>
						<span class='C_icamp'>C</span>
						<span class='A_icamp'>A</span>
						<span class='M_icamp'>M</span>
						<span class='P_icamp'>P</span>
					</h1>

I C A M P

iOS App

SHOW WORK

D I S O R G A N I Z A T I O N
B E W A R E

Punkstar Studios came to us to create their ultimate camping app. iCamp allows campers to manage equipment, costs and responsibilities. Plus it’s a way-finding tool. And a morse code generator. Basically, it’s the Swiss Army knife of camp apps.

Role: UX/UI Designer

iCamp screen

iCamp detail screens

<h1 class ='brandscreenHeader'>
						<span class='K_knightxv'>K</span>
						<span class='N_knightxv'>N</span>
						<span class='I_knightxv'>I</span>
						<span class='G_knightxv'>G</span>
						<span class='H_knightxv'>H</span>
						<span class='T_knightxv'>T</span>
						<span class='X_knightxv'>X</span>
						<span class='V_knightxv'>V</span>
					</h1>

K N I G H T X V

Website Pitch Video

SHOW WORK

E A T S   H U M M E R S
F O R   B R E A K F A S T

The Knight XV is a star-status symbol. Because of this, it was critical that we conveyed the slickness of the interactive elements. Using existing assets on a short timeline, we gave Conquest a taste of where we wanted to take their brand.

Role: Creative Director

<h1 class ='brandscreenHeader'>
						<span class='R_retrovirus'>R</span>
						<span class='E_retrovirus'>E</span>
						<span class='T_retrovirus'>T</span>
						<span class='R_2_retrovirus'>R</span>
						<span class='O_retrovirus'>O</span>
						<span class='V_retrovirus'>V</span>
						<span class='I_retrovirus'>I</span>
						<span class='R_3_retrovirus'>R</span>
						<span class='U_retrovirus'>U</span>
						<span class='S_retrovirus'>S</span>
					</h1>

R E T R O V I R U S

iphone HTML 5 GAME EXPERIMENT

SHOW WORK

2 8   M I L L I S E C O N D S
L A T E R

Dr. Nano, the star of Retrovirus, was born from our desire to experiment with HTML 5. We wanted to see what we could do in-browser on iOS. It got weird.

Role: Creative Director

Retrovirus Screens
<h2>
						<span class='C_clientportal'>C</span>
						<span class='L_clientportal'>L</span>
						<span class='I_clientportal'>I</span>
						<span class='E_clientportal'>E</span>
						<span class='N_clientportal'>N</span>
						<span class='T_clientportal'>T</span>
						 
						<span class='P_clientportal'>P</span>
						<span class='O_clientportal'>O</span>
						<span class='R_clientportal'>R</span>
						<span class='T_2_clientportal'>T</span>
						<span class='A_clientportal'>A</span>
						<span class='L_2_clientportal'>L</span>
					</h2>

C L I E N T   P O R T A L

Presentation Tool | BETA

SHOW WORK

S P O I L E R   A L E R T !

If you send a presentation to multiple parties, one thing's for sure: they’ll skip ahead. Other solutions are bloated, difficult to use or plain expensive. Our presentation app stops audiences from jumping to conclusions and keeps them focused on our ideas.

Role: Product Designer | BETA

SC Client Portal UI, backend

Control Panel

Stone Canoe animated gif for Client Portal
SC Client Portal UI, client facing

Client View

Client Portal UI, client control
<h2>
						<span class='M_merrylamort'>M</span>
						<span class='E_merrylamort'>E</span>
						<span class='R_merrylamort'>R</span>
						<span class='R_2_merrylamort'>R</span>
						<span class='Y_merrylamort'>Y</span>
						 
						<span class='L_merrylamort'>L</span>
						<span class='A_merrylamort'>A</span>
						 
						<span class='M_2_merrylamort'>M</span>
						<span class='O_merrylamort'>O</span>
						<span class='R_3_merrylamort'>R</span>
						<span class='T_merrylamort'>T</span>
					</h2>

M E R R Y   L A   M O R T

Holiday Microsite | FWA Nominated, Google Chrome Experiment

SHOW WORK

S H O T G U N   N O T
I N C L U D E D

For our 2011 holiday greeting card we took the opportunity to learn HTML5 and have fun. We sent our clients what seemed like an innocent snowman building game... until the zombies appeared.

Role: Creative Director

Merry La Mort, Home Screen
Merry La Mort, Game Play
Merry La Mort, Holiday Message
<h1 class ='brandscreenHeader'>
						<span class='H_hrblock'>H</span>
						<span class='amp_hrblock'>&</span>
						<span class='R_hrblock'>R</span>
						 
						<span class='B_hrblock'>B</span>
						<span class='L_hrblock'>L</span>
						<span class='O_hrblock'>O</span>
						<span class='C_hrblock'>C</span>
						<span class='K_hrblock'>K</span>
					</h1>

H & R   B L O C K

IAB Banners

SHOW WORK

F U N   T A X   A D S ?

Is it possible to make taxes compelling? Is it possible for banners not to suck. You tell me:

Role: Creative Director

<h1 class ='brandscreenHeader'>
						<span class='M_moon'>M</span>
						<span class='O_moon'>O</span>
						<span class='O_2_moon'>O</span>
						<span class='N_moon'>N</span>
					</h1>

M O O N

eCommerence Website | awwwards Nominated

SHOW WORK

F O R M   F O L L O W S
F U N C T I O N

When MOON apparel approached us to create an eCommerence site, we were inspired by their clean, modern look. In this spirit, we designed the shopping experience to be simple and functional, yet stylish.

Role: Creative Director

Moon Homepage

Moon Shop Page

Moon Detail Page

<h2>
						<span class='S_SandC'>S</span>
						<span class='T_SandC'>T</span>
						<span class='O_SandC'>O</span>
						<span class='R_SandC'>R</span>
						<span class='M_SandC'>M</span>
						<span class='plus_SandC'>+</span>
						<span class='C_SandC'>C</span>
						<span class='O_2_SandC'>O</span>
						<span class='N_SandC'>N</span>
						<span class='Q_SandC'>Q</span>
						<span class='U_SandC'>U</span>
						<span class='E_SandC'>E</span>
						<span class='R_2_SandC'>R</span>
					</h2>

S T O R M + C O N Q U E R

Boardgame Mod

SHOW WORK

G I V E   M E   A L L
Y O U R   W H E A T !

Designed to mesh with the original game play of ‘Settlers’, Storm and Conquer adds the ability to control military units and build defensive structures. Players no longer have to settle on the island-- they can conquer it!

Role: All of them

Storm and Conquer