Nat Cooper

My work and competencies

Listed below are selected works that I am the most proud of in recent years. By working on these projects, I've developed well-rounded competencies in:

Leadership

Leading, strategizing, design thinking, facilitating, teaching and organizing

Design

Creating desktop and mobile digital experiences, conducting user research and testing, occasionally doing print work

Illustration

Creating SVG illustrations and icons

Animation

Designing and executing motion design and SVG animation work

Development

Writing the HTML, CSS, and JS for the project, and other miscellaneous dev tasks

DECEMBER 2017

Stowe Institute Personal Wellness App

Leadership

design

Illustration

The Stowe Institute (fictional)

From Oct-Dec 2017, I studied product design part-time through the Bridge School. Our design challenge was about improving access to mental health services in Canada.

Read about the process

Not only did I gain valuable hands-on experience with design process, I was also able to build a project on a subject that was meaningful to me. These features would need to be explored and expanded upon in the final product. Also kindly keep in mind that some icons are still placeholders in this example.

View prototype

OCTOBER 2017

Custom Icons, Illustrations & Animations

Illustration

Animation

Logojoy

This loading screen animation is just short of 15 seconds - the perfect amount of time to load generated logos. I had a lot of fun with this one and our customers love it too.

Loading screen

Our team created this microsite to educate our visitors on the various options and methods for creating a logo. I had the pleasure of creating all of the icons and illustrations.

How to make a logo

Our company mascot-a friendly robot named Dezi-made their big debeut in our onboarding email campaign.

Robot mascot

The illustrations and animations on the Logojoy landing page were fun to do.

LP animations

And I'm proud of the way these careers icons turned out too.

Careers page ions

SEPTEMBER 2017

Modern Ms Frizzle

Illustration

Animation

Ms Frizzle

This was a spontaneous illustration I started one Saturday morning that I'm pretty proud of so it's making my portfolio.

View project

JUNE 2017

Canada Learning Code Week

Leadership

Design

Development

CLC

Canada Learning Code Week happened in June 2017, but the design work was ongoing for about a year prior to that. Ladies Learning Code went through a transformation and I was there to help concieve of the initial ideas for what CLC would grow into today.

As an added challenge unique to Canada Learning Code - everything needs to be presented in both English and French (merde!)

I am proud of the outcome of this project - a version of the website is still accessible below. I'm always happy to show the polished designs and process work in-person.

View site

MAY 2017

Drag-and-Drop Succulent Garden

Design

Illustration

Animation

Development

Succulent garden

This was a fun side-project I started for a Creative Coding Club theme. I also wrote a tutorial about it which inspired others to really learn from it and expand on the concept completely. Also I think the assets are really cute and I'm proud of them, especially the gnome.

View project

DECEMBER 2016

Creative Coding Club

Leadership

Design

Animation

Development

Creative Coding CLub

The Creative Coding Club was a community I founded in my spare time and it ballooned to over 1500 people so quickly. It's so exciting how many people are passionate about creative technology.

View site

OCTOBER 2016

Creepy SVGs

Illustration

Animation

13 Creepy SVGs

I ambitiously started this project hoping to design and code an SVG animation every day for the month of October. I only ended up producing 13 animations but I'm proud of every one of them.

View project

SEPTEMBER 2016

Teachers Learning Code

Leadership

Design

Teachers Learning Code

For me, the most exciting part of designing Teachers Learning Code was the UX for the web platform. This started as a web design exercise that ballooned into my first real UX challenge.

I spent hours researching and testing interaction ideas, notifications and user flow. This was the project that made me realize I really enjoy strategy and problem solving.

View site

AUGUST 2016

Ladies Learning Code Annual Report

Design

Illustration

Animation

Development

Ladies Learning Code

Ladies Learning Code has 75+ people working part-time or volunteer with only a handful of lucky full-timers. I researched (creeped online) and illustrated a "paper doll" replica of each one of them and included them as the main feature of the annual report.

View site

OCTOBER 2015

Animated Self-Portrait

Illustration

Animation

Self Portrait

This was my first big SVG animation project and I definitely coded it "the long way" looking back on it now. I'm still so proud of the final design though - I even wrote about my process.

View project

SEPTEMBER 2015

The Code Mobile

Leadership

Design

Illustration

Animation

Development

Code Mobile

This project ultimately lead to me dying my hair rainbow colours and travelling across half of Canada.

The Code Mobile is a super-hero themed computer lab on wheels that travelled across Canada in Summer 2016, and I'm the lucky one who got to design it all AND teach kids to code across the country.

I designed (and coded) everything from the truck itself, the logo, the swag, the responsive website, signage, an 18-page PDF impact report, and more. A truly life-changing, memorable project - and it's still on the road teaching kids to code!

View site
Learn more about me