I’m in love with this video by Ill studio, originally created for “The Big Idea” exhibition, in Los Angeles in 2011. I’m a sucker for typographic animation, and this one is done exceptionally well. Also, it walks the line between retro and modern in a way that feels super fresh. Watch it in motion below!
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.
998 Valencia Street, San Francisco, California
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:
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.
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.
Check it out here!
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.
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.
Special thanks to Jared who helped me with some JS woes & thanks again to Amy for bringing me in on the project!
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.
I’ll be at table I03 so please come say hi, okay?