Crystal's Adventures in Webdev Land » Web

“Essential” Template Style in 16 colors

Crys — Mon, 28 Jun 2010 20:27:03 +0000

Myers, a part of eMagic LLC, an MGIC Company, offers templated sites for real estate agents and mortgage brokers across the country. I created a new style of templates, named “Essential”. Each template comes in 16 colors. Blue is shown here. Along with all the graphics and html/css for each color for the template, each style includes 14 image headers and 4 flash headers per color.

Resume – Paul Lathrop

Crys — Wed, 05 May 2010 19:28:11 +0000

Visit Site: Paul’s Resume

Mt. Mary Event Registration

Crys — Thu, 11 Mar 2010 02:53:03 +0000

Mt. Mary Events Registration Form

Mt. Mary needed an event registration form that could both send them information via email and post over to a credit card vendor at the same time. It also needed to be easy to update but had no database or admin system to work through. So I used a php array to allow the client easy access to update the events without the need for them to learn html or javascript. This form includes the ability to add/delete guests and a running subtotal, as well as in-place validations via jquery which are then revalidated via php in case the user has javascript off.

Laughing Buddha Acupuncture

Crys — Fri, 15 May 2009 02:12:53 +0000

My friend Aly Condon has opened her own acupuncture clinic. If you’re considering it, I definitely recommend her!

Visit site: Laughing Buddha Acupuncture – Acupuncture and East Asian Medicine clinic in Oakland, California

Laughing Buddha Acupuncture

And here’s a link to the illustrator who did her logo:
Jake Mix: Illustrator for Hire

Keyclothes

Crys — Wed, 13 May 2009 03:29:19 +0000

This is a design I did a couple years ago but couldn’t post because there’d been a delay in the site itself. Now it looks like they’ve finally got the site up and running, though some of the design implementation is different (notably in the left navigation treatment).

However, 99% of the design elements are retained and I’m really happy with how it turned out. I also did the two main logos; I did not do the banner ads on this site, unlike most of the other sites I’ve posted/will post.

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

Here’s a screenshot I took of my prototype:

Keepers of Stromgarde

Crys — Fri, 22 Aug 2008 00:11:18 +0000

This one is dear to my heart. I designed and maintain the website for my World of Warcraft guild:

the Keepers of Stromgarde

It’s gone through two iterations of design now, marked mainly by the difference in the tools that were available to me for personal use. The old one was done entirely with gimp, the new after I bought my own copy of Photoshop.

Old Keepers of Stromgarde site

New Keepers of Stromgarde Site as of July 2009

Schroeder Bros. Construction, Inc.

Crys — Fri, 13 Apr 2007 17:06:17 +0000

This one might just be the best design I’ve ever done. It’s certainly one of the top ones. 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 the gallery.

Website: Custom Homes and Condos – Schroeder Bros. Construction, Inc of Pewaukee, WI

Details: 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. Summer of ’2007.

Banners:

Precision Screw Thread Corp.

Crys — Fri, 12 Jan 2007 18:18:34 +0000

I’ve done a lot of industrial and manufacturing sites. Most of them are very cut and dried, get it done as fast as you can, we want it to look as plain as you can and still get our information across. That’s not a value judgment, just a constraint that you usually have to work under with certain industries.

Precision Screw Thread stands out from their industry for their recognition that “functional” does not have to equal “ugly”. I had a lot of fun putting this one together.

Precision Screw Thread, Inc.

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).

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.

Lithograhics.com

Crys — Fri, 28 Oct 2005 13:50:45 +0000

This is a site worth visiting. I’m pretty happy with how it turned out. The brief for Lithographics included a small book that they print and use for promotions and my task was to keep the website in line with that book while still giving them a dynamic — in both design and technical terms — site that would stand out from the competition and convey the quality of their print work despite being a non-print medium.

I wrote all the code and markup for this site, with the exception of the reference desk, which I heavily modified from an application written in-house by another programmer at the company, and I created all the banner ads using single-frame cel animation techniques in Photoshop and ImageReady. I also converted all the photos from press-ready to web-ready with an eye to making them look the way they looked after coming off the press, rather than just making them look like digital photos. (I was very successful at that, if that tells you anything about the exceptional quality of the print-work that Lithographics does).

Lithographics, Inc. – Quality Printing, Superior Production

When I did the site in 2005 it had a different look for each of the sections; looks like they liked the lightbulb so much they had the agency that hosts the site change all the sections to match that. Here are mockups of two of those other two sections:

Banners: