Crys Odenkirk

Keyclothes.com by Workhorse Outfitters

Posted on September 12, 2007 by Crys

Key Clothes/Workhorse Outfitters

Keyclothes.com by Workhorse Outfitters — Outerwear for Work or Sport

Unlike most of the sites I’ve posted here, I did not do the final code implementation on this site, nor the banner ads associated with it. Parts of the current implementation are different from my original design, particularly in the navigation treatment. However, they retained 99% of the design elements I created and I’m happy with how the design turned out overall. The screenshot above is from my initial mockup rather than the final site.

In addition to the basic site design, I created the two main logos visible in the screenshot above (at the top and bottom of the site).

Summer Snow

Posted on August 23, 2007 by Crys

Summer Snow Art

Summer Snow Art is a retailer of art prints with custom framing. They needed an ecommerce solution, so I built this expandable liquid design around an osCommerce base. Additionally, I coded in a frame-changer via javascript that would allow people to preview the prints with frames around them.

The site has been redesigned since then but you can still see the old design in action at http://web.archive.org/web/20070823071340/http://www.summersnowart.com/

Resume – Paul Lathrop

Posted on May 5, 2007 by Crys

Online Resume Design for Paul Lathrop

Visit Site: Paul Lathrop’s Resume

Resume designs should have personality, but the design should never get in the way of telling the person’s story. For Paul, I knew that I needed something typographically simple that could get across the practical and efficient side of his work, but that was a little playful and conveyed just how vibrant he is as a person. This particular shade of red, as a background, I chose because it’s solid and very active, but not so blindingly red that it detracts from the most important part of the page: the text. For the font I used the most basic Arial/Helvetica/san-serif font stack, and stuck to a single font stack throughout the page (except the header graphic). This generates an attractive screen-viewed page that focuses on Paul’s work experience without being boring (because Paul is anything but boring), and leaves a clean, minimalist print version.

Schroeder Bros. Construction, Inc.

Posted on April 13, 2007 by Crys

Schroeder Bros. Construction, Inc.

Schroeder Bros. Construction Inc.

This is one of my favorite designs. They were great to work with and they made it really easy to make the site for them. They do amazing work and gave me excellent photos to work from. If I was building a house, I’d want them to do it — and I’m not just saying that because they were clients. Go take a look at some of the gorgeous woodwork in their gallery.

Fixed width site with repeating background. All of the textures used in the site are sampled from client-supplied photos from their homes, including the background/bracketing texture. The site has been redesigned since my work on it, but they continue to use the banners I created for them:

schroederbrothers468x60static

schroederbrothers120x90static

Precision Screw Thread Corp.

Posted on January 12, 2007 by Crys

Precision Screw Thread Corp.

The initial landing page for the site was conceived as an abstracted display panel from one of the threading machines and evolved into what you see on the page now. We wanted to showcase the short movie but avoid the typical “trash splash” intro that trips up a lot of sites. This display panel instead brings together the site’s navigation and news from the company blog to make it easy for users to get where they want to go on the site (I was outvoted on making the movie start playing immediately. Sorry visitors, you’ll have to hit stop instead of start).

Visit Site: Precision Screw Thread, Inc.

The internal pages carry through the theme and the navigation from the intro page. We wanted to add a little motion so I animated the starburst behind the logo in the upper left so that it glows and rotates on mouseover.