Senior product designer at Giphy. Photo taker. Animation maker. Code tinkerer. Kitten dad. Outdoors enjoyer. Human being in Brooklyn. Holder of a bachelor of design degree from Penn State. This website is a personal playground of things that I'm not working on when at work.

I've worked at some places.

Giphy.

Senior product designer. Now.

Huge.

Product designer. 2015, 2016, 2017.

Dark Igloo

Eskimo / designer. 2015.

V+V.

Interaction designer. 2014.

The Uprising Creative.

Internship. 2013.

Liberty Mutual

Internship. 2012.

For some people.

Amex.

Converse.

Giphy.

HP.

Loblaws

LG.

Madison Sq. Garden.

Muzik.

Verizon.

Forget I asked

All posts.

Bridge moods

03/28/17 – photo

Wild Child

03/27/17 –

Animated Ink

03/13/17 – animation featured

Animated albums

03/01/17 – animation

Hello world

02/15/17 – words

Portals

01/10/17 – animation

Huge albums of the year

01/01/17 – design code featured

Line play

12/20/16 – animation

The never ending cat post

12/19/16 – photo

Table tennis social club

12/18/16 – design

Bay area #3

11/10/16 – photo featured

Digits

11/04/16 – animation code

Ghosty

10/27/16 – animation

Giphy loop dreams

10/02/16 – photo

ListenIn

09/22/16 – design animation

Assorted loops

09/01/16 – animation

Flower of life

08/27/16 – animation

Shapes

08/26/16 – animation

The Rocky Mountains

07/29/16 – photo

Dots

07/03/16 – animation

Leeeeeesh

05/26/16 – photo

Sadify

04/28/16 – animation

Logo explorations

04/17/16 – animation

Galactic eggs

01/18/16 – animation

New England

01/01/16 – photo

Bay area visit

11/22/15 – photo

One Second * Everyday

06/01/15 – video photo featured code

Dark Igloo

06/01/15 – design photo

Self-E-Wear @ F5

04/26/15 – design photo featured

Park City

03/02/15 – photo

Blizzzzard

01/27/15 – photo

Harriman State Park

11/18/14 – photo

First annual bay area visit

09/26/14 – photo

Welcome to Brooklyn

07/14/14 – photo

New Zealand

06/06/14 – photo

The Follies

05/02/14 – video code design

Nrml Mag

04/28/14 – design featured photo

Masked Musicians

04/14/14 – design code

Assorted posters

03/23/14 – design photo

TEDxPSU

03/02/14 – design photo

Headcase

10/02/13 – design code video

Categories.

Tags.

Hide this shit

Hello world

Welcome to my new site. This is my first post. Edit it or delete it, then start blogging! There was a little of bit of internal struggling making this (I deleted the project folder at least a few times) and, around the holidays, I switched away from the more traditional curated portfolio that this was before and into a bloggier format (so 2014). The posts on here are going to stay fairly casual, showing design scraps, loops, photos, and...stuff. So far it's been backfilled through senior year of college (also 2014), go ahead and take a scroll. πŸ‘‹

I have a stubborn tradition of trying to put out a portfolio redesign every new year or two, and have so far deleted and started from scratch in 2009, 2011, 2013, 2014, 2015, and now 2017, which has been in the works since November or so. Feel like you've missed out? Don't worry, the old sites can still be seen here: /old, here: /old/old, or here: /old/old/old/.

I like to think they maybe are getting better? Or at least more tastefully annoying? Β―\(ツ)/Β―

A few zany and dumb apple clips were used to spam the site to my faithful Instagram followers.

The site was built using Kirby, a lightweight & flexible file-based CMS. I started off building it in Wordpress, but on a late-Friday-night whim I deleted that code and dug into Kirby instead. It’s fun! Got a chance to learn a fair amount of php, which was still fairly unchartered territory to me. The admin panel is styled to match the site, but posts can easily be made using text files.

I spent a really stupid amount of time making this site elegantly obnoxious. Take the convoluted and lengthy code solely for the hover dimming effect. Thanks, Chrome-only bug that completely breaks the site whenever an opacity is changed below the color layer.

Yep, that's right– you can look at it on ALL of your devices, old and new! Responsive design, look it up folks!!

For the gradient effect, I’m using a full height & width overlay element set to the screen blending mode (background-blend-mode: screen;). It doesn't work in IE, go figure. They get a nice minimalist black and white site instead.

Link copied to clipboard.