Recent Web Work

visit site.


visit site.

werepresentthemonotypeguild

A postcard for a direct mail campaign for the Monotype Guild of New England

**UPDATE**

version 2 :
I went with the same typeface, but created my own monotype print to serve as the background graphic instead of the illustration of the printing press. Also, the dimensions of the piece were brought up from 6.0" x 4.0" to 8.5" x 6.0"



**UPDATEUPDATE**

version 3 :
Needed to make it friendlier. Added color, switched to Helvetica.

suggestive.

I was finishing a makeup assignment for school in which we had to create a music review site that used dreamweaver templates (a class on how php can be used to accomplish the same goal would have been more useful). Since we're not being graded on the design but rather our proficiency at producing and implementing dreamweaver templates, I was getting bored with the project. As a break from coding, I spent some time playing around with the brand, trying to create something that poked fun at pitchfork without directly referencing it... as well something that was juuuuust suggestive enough to make my professor uncomfortable while he was grading it.

uncomfortable.

mildly upsetting/ sarcastic & oblique statement in helvetica over out of context photograph/ illustration. adultswim.com used to do stuff like this on their web site and i always thought it was kind of funny.

"Shoveling Snow"

Here's a highly utilitarian project I just completed for my legitimately wonderful (and well-funded) clients at the American Society for Biochemistry and Molecular Biology.
Finding and applying the actionscript necessary to animate the snowflakes in the background was a minor challenge. I'm not exactly proud of this piece (the text is still mostly unresolved, and I managed to use that aged print texture AGAIN), but I certainly hate it less than most of the cheaply produced holiday e-cards I see out there...

The snowflake is an arrangement of seratonin molecules... a chemical partly responsible for producing feelings of well-being and happiness in the brain.

doodle.

a lot of these posts have a similar theme.

existential funk

I created this series of tabloid-size posters to experiment with displaying some of the darker human emotions in sort of a cute way. Been kind of loving bodoni poster italic lately.



More after the jump.

more faux-aged print

Ever since I first saw this picture of a friend of mine in ROTC, I fell in love with just how completely incongruous it was. A little blonde girl, face full of confidence, holding a mock AK-47 in the woods in front of a tank. It seemed like the kind of photograph that would be on the cover of her biography if she had one. So I took that idea and made an aged book cover that is supposed to feel like an out of print post-vietnam pulp novel. The hypothetical author is the late journalist David Halberstam, who won the pulitzer for his coverage of the Vietnam War.

Mixtape 3

...In progress.

one day we're gonna live in paris. i promise. i'm on it.

this is pretty.

Atlas sound vs. Laetitia Sadier of Stereolab vs. 1960's industrial design

new jj

proper use of an autotuner:

signature

developed a signature:

A large, expressive 'S' overlayed on 'Nelson', with the tail of the S forming the beginning of the cursive "N"

Self-promotion.

Tabloid-sized poster I made to display at the dancing crab promoting my new gig as "Trivia Night Guy"

New portrait version



Original landscape version:

Finished up a corny little animation for a school project the other day. Had the idea of creating an e-card that displays a message in lights on the surface of a planet viewed through a telescope, though I wasn't able to create a custom message input in time for the deadline. So I settled with "miss you". Even though the animation itself comes off as a little simple, and was clearly done by a beginner, I was pleased at the way the alpha channeled .png layers of clouds, stars and planets interacted with each other in the rendered output of the .swf.

Watch it here.

NOTE: the zoom at the end of the first scene sometimes breaks into a seizure-inducing loop that doesn't end for 5 or more cycles. I think this may have something to do with my pre-loader being broken. I'll fix it when I have a second. Until then, just give the flash a minute or so to load at the title screen before pressing the start button.

mixtape 02

I was thinking the other day what kind of music I'd want playing at my funeral. I'm not being morbid, I just think there is a very specific mood associated with funerals that is captured in the sort of darkly-surreal-heartbreaking-yet-uplifting-atmospheric-nostalgic-aesthetic of modern dreamwave/dubstep/electro. Plus it gave me an excuse to head up a mix with one of the more 'epic' recordings ever cut in wax, which, coincidentally, is the song that is going to be playing on my radio when I drive a vintage Lancia Stratos into an erupting volcano at midnight on my 80th birthday.



Track List:
001: M83 - Lower Your Eyelids and Die With The Sun
002: Phaseone - Sage
003: SALEM - Frost
004: DJ /rupture - Uranium: Moving Ninja
005: Air France - Maundy Thursday
006: The Knife - Still Light
007: Telepathe - Can't Stand It
008: Memory Cassete - Surfin (Sail A Whale Version)

Get it.


Mixtape 1 Re-Up:
Get it.

Starting to learn flash...

been making my first baby steps into flash animation. more to follow.

Playing with CSS

I've really been trying to buckle down and teach myself CSS in the wake of some truly mediocre classes this past month. Still have a long way to go, but i was pleased that i'm beginning to be able to view the code as a tool to achieve my designs rather than as an unpleasant obstacle preventing them from coming to life.

Here's a pretty mediocre layout i did as an experiment in layering CSS divs.

Type Treatment: Shiny Cliché Web 2.0

Playing around with shiny type for an upcoming project.

Mixtape

Summer's ending. Fall's rolling in. The leaves are splashed with faint shades of yellow/orange. The sun is lower in the sky. The air is electric with sharp, cold smells. Time slows and accelerates concurrently.




Artist//Track

Gentle Friendly//Rip Static
Hot Guts//Ballad Of John Simon
No Age//You're a Target
Wild Nothing//Cloud Busting
Washed Out//Feel It All Around (Toro Y Moi Remix)
Delorean//Seasun
The Sound of Arrows//Into The Clouds (Fear Of Tigers Remix)

Get it.

Typeface Design: Circlet Sans

I created this typeface as an extension of a logotype I did for a school project some months back. I wanted something light, modern and legible, but still decorative, playful and idiosyncratic.

The uppercase letterforms need work. They came after the lowercase, and still feel like an afterthought.

InfoGraphics

I recently bought copies of Tufte's "The Visual display of Quantitative Information" and "Visual Explanations". I loved both works' clear, consise and spare design aestheic. While I was in class last week, I came up with these tabloid-size posters that are meant to evoke the type/art style presented in the book. I started with the vague idea of visually relating exponential growth to a series of three abstract concepts, and came up with these two related pieces.

Fever Ray

creepycreepycreepy.

When I Grow Up from Fever Ray on Vimeo.

Seven from Fever Ray on Vimeo.

If I Had A Heart from Fever Ray on Vimeo.

Triangle Walks from Fever Ray on Vimeo.

About.

I have nothing to say. But I like the way text looks filling up a page.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, erat id porta ullamcorper, leo tellus porta lectus, vel posuere lectus nisi ac arcu. In accumsan, elit ut consectetur tristique, eros ipsum varius ante, a semper ipsum ante eget diam. Cras porttitor accumsan nisl eget pellentesque. Sed eu lorem quam. Fusce vulputate lacinia felis ac ullamcorper. Aliquam erat volutpat. Vivamus id commodo purus. Pellentesque sit amet felis lectus, eget pellentesque lectus. Praesent odio risus, consequat non interdum at, convallis vel tortor. Curabitur fermentum interdum elit, vel gravida neque porta eget. Sed quis tortor eget mauris tristique fringilla consequat vitae sem. Curabitur vulputate tincidunt mi et pellentesque. Donec venenatis sapien nec velit ullamcorper blandit. Aenean sit amet velit felis. Quisque metus sapien, aliquet ut egestas eu, ultrices iaculis arcu. Integer dignissim quam quis tellus interdum sit amet pulvinar tellus congue. Vestibulum tincidunt venenatis justo, vel euismod dolor sollicitudin nec. Mauris a sapien lectus. Nunc sed libero eget ipsum tincidunt sodales. Praesent pretium varius magna nec molestie.

Curabitur ut lacus non magna viverra interdum. Nam non sapien tortor, ut sagittis nisi. Vestibulum diam est, vulputate id vehicula id, tincidunt a magna. Proin elit ante, egestas a iaculis eget, convallis nec velit. In semper risus vitae felis mattis scelerisque. Aliquam commodo porta scelerisque. Praesent vitae lectus velit. Donec laoreet semper est vel auctor. Sed condimentum dolor quis justo facilisis iaculis. Quisque placerat luctus lorem, a ornare est placerat sit amet.

Nulla ac fermentum dui. Quisque malesuada dignissim arcu at tempus. Fusce eleifend vestibulum lacinia. Integer ut magna vitae tellus molestie porta. Suspendisse et sapien arcu. Pellentesque velit ante, mollis nec imperdiet nec, fringilla vel dolor. In eu enim lectus. Donec est velit, consequat vel pulvinar congue, dictum ut neque. Vestibulum laoreet placerat accumsan. Praesent leo eros, condimentum quis eleifend sit amet, aliquam quis neque. Sed lacinia semper magna ut dignissim. Etiam consequat faucibus dolor eget hendrerit. Nullam eu urna quam. Proin in orci erat, sit amet posuere leo. Nulla venenatis ligula sit amet nisl convallis pharetra.