I am based in Brooklyn, New York and generally work in the New York City area. I am available for remote work, though I prefer to be able to meet in person for optimal communication. I first began creating websites and computer graphics over a decade ago. I received a BA from the Rhode Island School of Design in 2011, but I am largely self taught and I am constantly learning new tools and approaches to development.
>Download my Resumé
Software: OS X, Windows, Linux, Unix, GitHub; Photoshop, Illustrator, Indesign, After Effects, Ink Well, Blender; BBEdit, Sublime Text; Audacity
Web Frameworks: Node JS, RoR; Ember JS, Angular JS, jQuery; WordPress, MovableType; CouchDB, SQL
APIs: Twitter, Vine, Flickr, Facebook
Illustration: Painting, drawing, vector illustration, collage, digital media
This project, and 50 Nominees for America's Best New Restaurantuse a similar code base and design. They were developed to provide a promotional lead up for 2013's Top 10 Food Lover's Hotels and 2012's The Hot 10: America's Best New Restaurants, which were major features for Bon Appétit. Because the projects were of high value to the editorial and publishing staff, special emphasis was given to ensure that the features would be compatible with the older browsers used by a large percentage of Bon Appétit's web audience. To optimize the advertising potential and visitor metrics of the feature, it was built to function in tandem with the site's older CMS. The feature is built semantically for search optimization.
Top 10 Food Lover's Hotels and The Hot 10 were major features in Bon Appétit magazine in 2013 and 2012, respectively. To present the content of these features on the web, I developed a common template that allowed the features to integrate with the older CMS while still providing great user experience and maintaining on-brand design and sensibility. The template was also developed for backward compatiblity with older browsers, and optimized for search and page metrics.
This feature is the web version of a major project for the magazine: the initial installment of a "seal of approval" feature that will be updated yearly. Because of the unusual size and value of the feature, I worked closely with one of the magazine's graphic designers to arrive at a format that would present the content in an aesthetically pleasing and highly accessible manner. The page is a single semantic document object with three views: alphabetical list, categorical list, and informational slideshow. Despite the complexity of the UI, the feature is still backwards compatible with IE down to version 7.
This feature was a riff on a Bloody Mary recipe feature in the print magazine. It allows visitors to click on the handle of a slot machine to randomly combine three elements (bloody mary base, liquor, and garnish) to create a "unique" recipe. Each recipe also has a photograph and recipe text associated with it. This was the first feature to use Bon Appétit's sandboxing feature, which I had implemented specifically for this project to isolate its script from the scripts in the main content area. The game appears random, but is actually heavily weighted to ensure even distribution of the results across liquor categories, as there were far more recipes that included vodka than any of the other liquors. The presentation and interaction scripting could stand to be streamlined, but are still quite solid considering the tight turnaround time on the project.
From 2011-2013 I created a number of animated GIF illustrations for Bon Appétit web content. A selection follows, beginning with the illustration for Rediscovering Grandma's Angel Food Cake (above).
This project was inspired by several odd ways to cook hot dogs found on the internet by the editors of Bon Appétit. Each of the ten methods is illustrated with an animated GIF. "Braising in Beer" is depicted above.
The Nitpicker is a regularly occurring feature on BA's blog. I illustrated most of the posts for two years. The Nitpicker Is Sick of People Commenting on His Meals is depicted above.
For several years I actively maintained a Tumblr called ESP1987 for my personal work, a selection of which is included here.
Erik S. Peterson
871 St Marks Ave. Office B