599479_10151658084189396_561303005_n

My band, This Can’t End Well, is playing at Viracocha in the mission this evening.
Please come out! If you can, kindly RSVP on the Facebook Event.

Not Waving But Drowning – a junkyard cabaret from Brooklyn – is converging on Viracocha to deliver joyful indie rock spiked with shipwrecked shanties and Appalachian reels.

NWBD will be joined by Burlington Vermont’s own Kris Gruen, whose songs soften the world’s sharp edges like a glass of exceptionally fine bourbon, as well as San Francisco’s own string-informed experimental indie This Can’t End Well.

8pm – Kris Gruen – www.krisgruen.com
9pm – Not Waving But Drowning – www.wavingdrowning.com
10pm – This Can’t End Well – www.thiscantendwell.com

You don’t want to miss this show. I will neither confirm or deny that we are doing a Hall & Oates cover.

Viracocha
998 Valencia Street, San Francisco, California
8PM

This Can’t End Well- TONIGHT

Posted on

May 30th, 2013

Curbside Creamery
curbside_iphone_ipad_2

I just launched a new site for Curbside Creamery, an Oakland-based ice cream maker. The concept of Curbside Creamery is to sell artisan ice cream sandwiches, in traditional and vegan varieties, from a vending trike. For this project I developed a website, hand lettered a logo, established a style guide and designed several brand marks.

For branding, I created a custom hand-lettered logo and a silhouette graphic of the vending trike to serve as an additional brand mark. My inspirations for the logo included old-school sign painting. Specifically, for this project I was drawn to beach boardwalk signage from the fifties and sixties, such as this sign for Dolle’s Salt Water Taffy in Maryland. Here is a moodboard I put together showing my typeface inspirations. The end result ended up looking less scripty than many of the following:

curbside_moodboard

The trike brand mark is based on a photo of the actual trike that Curbside’s proprietor, Tori Wentworth, had just ordered. I started out by doing a raster sketch in Photoshop, and then vectorized it in Illustrator. The trike drawing needed to be realistic enough to represent Tori’s actual vehicle, but abstracted enough to make a good stencil drawing, vinyl cut-out, stationery header, business card graphic, etc. Finding that balance was a challenge, but I’m stoked with the result!

The concept behind the website was to have a beautiful, minimalist theme. I was lucky to have some photos, shot by Tori on film, to use for the full-screen responsive slider. The slider script was modified to add a subtle animation effect to change the color of the word “creamery” depending on which photo is being displayed. This was added to make the logo pop against all the images, because otherwise it would’ve gotten lost on certain backgrounds. The website has a CMS that will enable Tori to make changes at any time. This was important because Curbside Creamery’s flavors will change in the future.

curbside_full_length03
curbside_stationery
loveletters
Screen Shot 2013-04-18 at 3.33.55 PM

So, this awesome guy named Chad Mazolla made a page showcasing some of the best Google Web Fonts- in some really nice pairings. He says:

There are over 400 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look.

by Chad Mazolla
by Chad Mazolla

Check it out here!

Love Letters // Beautiful Web Type

Posted on

May 8th, 2013

KaanaBelize_laptop_1200px

A new project that I worked on is live! Ka’ana Belize, a hotel in Belize, wanted to create an interactive map that displayed travel times, local attractions, and amenities for their guests.

The site is a single-page with three different maps; World, Region, and Resort. In the World section, flight paths and times are displayed based on which city the user clicks. I’m particularly stoked on the flight path animations in this section! The Region and Resort sections both allow the user to check out different places by clicking points on the map that pop up sliding image galleries.

Art-directed by the incredibly talented Amy Weibel and originally developed by PixelCrayons, the project fell in my lap when Amy brought me in to do QA. After I compiled a bug list, I was asked to fix all the bugs I caught by the client and make some creative tweaks. Additionally, I polished the art assets and added an extra layer of parallax scrolling; the water, map sections and individual land masses move at slightly different speeds, which adds dimension and movement to the map. I also had to make this site cross-browser compatible, and responsive for the iPad.

kernjs_comparison

In a boutique site of this nature, typography is everything. When I inherited the site, the kerning was not yet complete; as you can see in the example above, the spacing between the letters was very uneven. Kerning.js to the rescue! Joshua Gross’ awesome open-source library allowed me to adjust the kerning down to the letter.

kaana_ipads

Special thanks to Jared who helped me with some JS woes & thanks again to Amy for bringing me in on the project!

tumblr_mjv6b4B8lA1rijocro1_1280

Hey guys!
Come visit me at Stumptown Comics Fest in Portland this weekend!

I was the Art Director for the fest this year, so I was responsible for designing all the collateral this year!
I’ll be doing a *huge* post later to talk about all the stuff I made for the fest, but I’ll keep it mostly under wraps right now so you can see it in person if you’re heading there.

The sweet poster above was illustrated by Bill Mudron and Mike Russell, and designed by me.

Screen Shot 2013-04-26 at 10.45.42 AM

I’ll be at table I03 so please come say hi, okay?

Stumptown Comics Fest this weekend!

Posted on

April 26th, 2013