Web

I was unbelievably excited when Laurie Penny approached me about helping her redesign her website a few months back. Laurie writes and speaks on social justice, pop culture, gender issues and digital politics – all things I care a lot about – so working together seemed like a natural fit.

I designed the cover for one of her books a while back, but didn’t get to meet her or work with her directly. This time we got to meet and plan in person – which was awesome because she’s super lovely.

PRPortfolio

We have other projects in the works, so look out for more fun stuff from us soon!

Oh man, there’s been a lot of exciting Zivity related stuff going on! Now might be a good time to show you all what’s been happening over here.

A couple months ago, we redesigned the front page to feature all our best content, plus a new look and feel. Here’s what all of that looked like.

zivityfirstspread4

I also was super excited when the branding I did for Zivity won a contest on Skillshare, and was featured on Design Work Life. Here’s some of that branding in action, but if you want the full experience, check out the style guide I made over at Design Work Life.

zivitythirdspreadc1

Lastly, we redesigned the photosets page this week, and I’m really stoked on the results.

zivitysetscreenshot

The new page features dynamically changing colored UI- so each page beautifully compliments every photoset.

sets_all_shades

I was specifically inspired by the ever rotating hair color of all our models, and wanted to have the pages of the site reflect this color based expression in a big way. I’m thrilled that we were able to find a way to make this aspect of my design a reality – dynamically and programatically. The page even detects what color the text should be, based on optimal contrast with the background color. I’m also curious to see how this informs the next round of design on the site. I’m looking forward to what comes next!

Why hello lovely internet! I’ve been living in a work shaped hole for a while, but now I have all kinds of cool stuff to show you! Keep an eye out for even more new projects later this week.
I recently did branding and a website for journalist and writer, Melissa Gira Grant. She just put out a new book, and wanted a new platform to help her promote it. As a long time reader of her writing, I jumped at the opportunity to help her with her design and development needs.

MGGPortfolio_3

When I started talking with Melissa about her brand, she described it as “hard femme deco”. As soon as the words were out of her mouth, I knew exactly what direction to go in.
I especially like the lockup, which combined a pen nib with a flower, as well as Melissa’s initials.
Go on over to her website to check out her work, and mine.

PtMockupVinylDigipack

I recently had the privilege of designing all the collateral for spooky chamber music duo, The Parlour Trick.

I’ve already shown you the logo I did for them a while back, but there was a whole lot more to the project! Among the things I designed for them were LP packaging, CD packaging, postcards, sheet music, a responsive website, and motion graphics. The photos on the website and packaging are by Ellen Rogers and Audrey Penven.

Check out the titles and credits I made for the video below! I also did some post production on the video.

MEREDITH YAYANOS – DIRECTOR ♦ RACHEL BRICE – DANCER, CHOREOGRAPHER, COSTUMER ♦ ADAM LAMAS – DIRECTOR OF PHOTOGRAPHY ♦ BRYAN SHELTON – EDITOR ♦ BRIEN HINDMAN – POST-PRODUCTION ♦ DEVON DEVEREAUX – FIRST AD / LIGHTING ♦ STAR ST.GERMAIN – TITLES / CREDITS / POST

Recently, the band released the cd & vinyl pressing of their record. So go get that while it lasts!

This has been one of my favorite projects this year, and I’m really happy with what I made for it.
Also, this album is awesome.

PtMockupLaptop
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!

thisisstar_laptop_1200

Hurray! After months of work, my new website is live!

This new version has been designed to put a greater focus on my portfolio, which now has its own page. I’ll be doing a breakdown of all these new projects on my blog in the coming weeks!

The new site layout has a hefty amount of flat design influence, as well as some parallax scrolling effects that I’m totally stoked on.

The site is fully responsive, meaning that the layout shifts depending on whether the site is viewed on a desktop, tablet or phone. I’ve also switched to Jetpack for comments, which means that you can now comment using your Facebook and Twitter accounts.

star_iphone_ipad

Typography on the web is getting more and more dynamic as new web fonts and plugins become available. This site is set in a combination of Brandon Grotesque and Hypatia Sans. I also made use of FitText.js, an excellent plugin that allows designers to make text on their webpages resize in a fluid fashion.

Special thanks to Nadya Lev, Nubby Twiglet, and Tim Riot for their unending support while I put all of this together. Let me know what you guys think of my new look, and be sure to check out the work page to see lots of new stuff!