Christian Williams
Download my resume:
PDF Resume Adobe PDF Word Resume Microsoft Word
Proudest Achievements
Andale Gallery

Andale Gallery

An auction gallery is a flash widget that is embedded in an eBay seller's auction listings and displays all live eBay listings for that seller. While I was at Andale, I designed the Andale Gallery to establish a new revenue stream. Upon its release, the Andale Gallery quickly became the fastest selling product in the company's history.

Soon after the release of the Andale Gallery, several competitors brought their gallery products to market with a striking similarity to my design.
  •  
  • Vendio Gallery

    Vendio Gallery After leaving Andale, I took a job with a competitor, Vendio. Not long after joining, I was asked to design an auction gallery. Not wanting to duplicate my previous Andale gallery design, I brainstormed with the team, proposed numerous ideas, and finally settled on four designs.

    The primary goal I set early in the project was to show more items at a time and with larger images than the Andale Gallery. By creating one area to display the data for whichever single image was in focus, I was able to dedicate more space to individual products, meeting the goal. Each of the four designs are also fully colour customizable and may contain custom promotional messaging.

    As of this writing, there are over 2½ million Andale and Vendio galleries on eBay auction and store listings at any given time. For more product information, please see the Vendio and Andale websites.

  •  

Stone Soup

Dealio Deal Types In mid-2006, Dealio was getting ready to enter the social shopping space by introducing a message board to its website. The decision didn't sit well with me. I actively read online deal community message boards and didn't like them for a number of reasons. First, there's no way to narrow down the laundry list of deals by type to find the kind of deals you like (or block the ones you don't). Second, deal-hunting is a dynamic art. A deal might work one day, and it might not the next day. Usually, after trying to get a deal for 20 minutes, I'll notice that there's a comment on page eight with the updated coupon code. It was clear to me that it would be a mistake to use a message board as the foundation of a powerful deal-hunting community.

I looked at wikis, which are meant for group collaboration, but they weren't quite right either. A lot of responses that I'd seen on message boards were quick comments such as, "Nice find! Thanks!", which would be out of place in the middle of a wiki. It seemed that the right answer would be a mix between a message board, a wiki, and a blog.

I was reminded of the story of Stone Soup (give it a quick read if you're not familiar with the story). This story inspired the realization of a website where anyone can enter a new deal, others can add ingredients (new coupon codes, rebate forms, etc) to that deal, and others still can comment on the deal. I put a Keynote presentation together and pitched it to the executive team the next day. Soon, I found myself on a plane to Romania, where I worked with our ace development team to build Stone Soup. It can be seen at Dealio.com.
Technologies & Techniques
  •  
  • Flapjax Demo: Video Interview

    I've often noticed a rift in the web development community that divides those who love Flash from those who loathe it. I've always been the type of guy who uses Flash when Flash is the right answer. At the same time, there's always been something nice about interacting with native HTML links, buttons, and forms. Combining Flash presentation, HTML interaction, and the ability to send and receive XML data is a technique that I like to call Flapjax (Flash plus Javascript And XML). One of the first things that I put together as I was learning Flapjax was this video interview of myself. It's not TRUE Flapjax, as XML wasn't necessary, but try clicking some of the question links below and I'll do my best to answer them.
    Click to get Flash player


    Flash 8 is required for video. Click to install.
  •  

Airtight Corners

Airtight Corners Rounded corners have always been a desired design element of web design, but have also always been extremely difficult to accomplish. Most solutions required that the round-cornered box maintained either a fixed height or a fixed width, or sometimes both. The more flexible designs required at least four round corner images, usually named something like corner_top_left.gif, corner_top_right.gif, etc. Yuck.

After reading Douglas Bowman's "Sliding Doors of CSS" and Dave Shea's "CSS Sprites: Image Slicing's Kiss of Death" articles at A List Apart, I started to think about how a single, positioned background image might solve the rounded corners problem. I soon realized that by dividing a circle into four equal pieces and diagonally swapping the quadrants, I could position the image four times to create the rounded corners effect.

As I used Airtight Corners on more and more designs, I further developed the method to render single pixel borders, then reflections, and finally graphical borders—still using only a single image. All of the black boxes on this site use the Airtight Corners method. See this site's Airtight Corners image.

Ticket Widget

Ticket Widget There are already quite a few Dashboard Widgets that will list your local movie theater's showtimes, but none of them let you actually buy tickets. With the convenience of online ticketing, there's not much use in getting showtimes these days if you're unable to immediately purchase tickets. Therefore, I wrote the Ticket Widget. (Python script courtesy of Mike Markley)

Aside from just displaying showtimes, the Ticket Widget also indicates the film's rating and runtime, along with a map to the theater so you don't get lost and your date doesn't make fun of you.

Download Ticket Widget Now (Mac OS X 10.4.3 required)
Trade Show Fun & Games
eBay Live attendees play the Gold Rush game

Gold Rush Game

For the 2005 eBay Live trade show, I wanted to build a game that would be easy to learn, high-energy, fast (with a fast reset) and thematic of the trade show's host city. Unfortunately, the city was San Jose, which isn't very theme-inspiring. I ended up using California as a whole and created the Gold Rush game.

The Gold Rush game's barrels I bought 2 barrels from a winery, fabricated and welded a trough around the top, skinned the trough with burlap, and "branded" the company's logo with paint onto the sides of the barrels - incorporating the barrel's "bung hole". After constructing false bottoms, the barrels were filled with ping pong balls. 1600 ping pong balls. 10% of the balls were painted gold, with 10% of those being fool's gold. By using a prospector's gold pan, the goal was to move as much gold into the trough as possible in 49 seconds. Gold nuggets were worth 5 points, white "rocks" counted 1 point against the player and fool's gold was 10 points against! The game was a hit and drew a crowd that we could easily market our services to.

The Sign Game

The Vendio Sign As we were packing up the Gold Rush Game at the trade show in San Jose, we heard that the eBay Live trade show was to be held the following year in Las Vegas. My first thought was, "We need to build a giant, illuminated, 'Vegas style' sign".

The next spring, with a cubicle full of tools (and a now-empty garage) Renn and I began construction on the sign. The steel frame was edged with 1"x8" lumber, sheeted with pegboard, primed, sanded, and painted green. In the end, 3,834 green christmas lights were strung through the sign and plugged into a controller box that lit alternating rows of the sign.

Now that we had a sign, what about a game? In the past, the self-imposed game guidelines had been to pit two players against each other in a head-to-head battle. The frenzy and the noise always drew a crowd. However, we always had difficulty driving the crowd to our website. With a giant sign with 3,834 lights that flashed on and off, the obvious, "Guess the number of lights" game also turned out to be the perfect game.

By asking trade show guests to guess the number of lights, they'd end up staring at our flashing company logo for minutes. After filling out a Guess Card, the card was ripped along its perforation, the guess was put into a jar, and the stub was returned to the trade show attendee. The card stub contained a link to a focused marketing page where the best guessed were to be posted after the show. Due in part to the giant sign and the sign game, we experienced far more traffic and sign ups after the 2006 event than after the 2005 trade show.
Creative Collateral
Logo-Inspired Handout

Logo-Inspired Handout

Also for the eBay Live trade show, Vendio needed "white papers" for each of their six services. Knowing the customer base and the friendly, fun atmosphere of the trade show, I didn't think that six data sheets were the right way to go.

Instead, I found a way to present all of the important information in a single small, cool, folding design which fit to the form-factor of the company's logo. If that wasn't enough fun, a yo-yo topped it off.

Wooden Crate Handout

Wooden Crate Handout For the launch of Vendio's Sales Manager Inventory Edition service, a grab bag handout was needed for the Professional eBay Seller's Alliance conference. I had used an illustration of a wooden crate for the online branding of the product, and wanted to extend that to the print marketing. The first idea was to print the information onto six sides of a cube. However, the piece was to be distributed in a grab bag along with collateral from other companies.

Wooden Crate Handout The final, 4 pane design could be folded flat (occupying the footprint of a single pane), or could be popped out into a free-standing cube. The cube could then be opened at its velcro closure to reveal more information on the inside.
Design, Development & Entrepreneurship
Spotted.at

Spotted.at

The idea for Spotted.at began with Axl Rose. Axl hasn't really been seen for a decade and a half, so when he started popping up at restaurants and clubs, I thought it was a good excuse to learn the Google Maps API and create my first mashup. The site was finished in one night.

The next day, Mike Effle suggested that I switch from just Axl Rose to all celebrities. I went on and on explaining how only Axl sightings are interesting, but came to realize that there isn't a place online where interesting celebrity sightings and fan encounters can be catalogued by those who had the experience. So, a few weeks later, Mike Markley and I finished Spotted.at.

Community Counters

Community Counters In 1999, I helped to create Honesty.com, the first third-party service for sellers of the eBay marketplace. Our first tool was the auction counter, which empowered sellers with information regarding the number of buyers who had visited their listings. We also provided a single page where your current and closed listings could be viewed - the first of its kind.

In mid-2005, I was using Craigslist quite heavily and saw a lot of similarities between it and where eBay was 10 years ago. Wanting to make Craigslist more efficient, Mike Markley and I set off to offer free counters and a brilliant management system. Craigslist posts, at the time, all had to be verified via email before finally posted on the site. We built a system whereby you would create a posting at Craigslist, receive the confirmation email, and then simply forward the email to us. We would automatically add a counter to the bottom of your post, verify it (which would post it on Craigslist), and add the posting to a concise management page.

It was the perfect machine until we found our domain blocked by Craiglist. We've still never heard an official or unofficial explanation as to why we were blocked. My gut feeling is that Craig likes Craigslist just the way it is and is hesitant to open the door to community-created improvements.
Inventor by Night
Mop Cam

Mop Cam

While filming some car stunts for Death of an Escort, Renn and I came upon a rattlesnake on a rural California road. To get some nice footage, I did several close passes with the fisheye lens. Since a fisheye is an extremely wide angle lens, I had to get within inches of the snake. It wasn't until after we'd gotten the shots that someone told me that rattlesnakes are poisonous.

Rattlesnake That evening, I went to Orchard Supply Hardware and walked through the aisles (as I often do to get ideas) to find a nice extension pole that I could put a camera mount on. I started playing with the wringer mops and realized that I could convert the armature to pivot the camera. My girlfriend donated her mop to the project, and I returned to filming Death of an Escort the next day with my Mop Cam.

Floating Grill

Floating Grill On a Thursday afternoon, I got a call from Breadshop Bob who invited me to the second annual "Uncle Bob's Pleasure Cruise" on Saturday, just before he moved to Sweden. Upon inquiring as to what food I could bring, Breadshop said that we weren't able to bring a grill on the rented pontoon boats due to the insurance. "What if I made a grill float on the lake?", I asked.

I made a call to Firestone and got to talking to Chris, who ended up donating three tractor tire inner tubes to the cause. I bought a small charcoal grill at OSH and waked through the aisles looking for supports - finally settling on outdoor potted plant hangers.

Floating Grill The assembly was easy. I bent the plant hangers until they properly held the grill above where the lake's surface would be and was able to screw the hangers into the openings in the grill meant for the grill's stand (making the modification fully reversible). I went back to OSH to get pipe insulation for where the metal was to meet the rubber inner tube. To keep the grill centered, I added bungy cords to the ends of the hangers that wrapped around the tube and met at a keyring below the grill.
Hard Drive Tree

Hard Drive Tree

After watching a zillion episodes of Monster Garage, I really wanted to learn basic welding. I found an industrial arts school in Oakland called The Crucible that offers instruction in welding, metal fabrication, and even neon sign making.

After taking a couple of classes and buying a welder of my own, a coworker gave me three dead hard drives to play with. I took them apart, and with the help of some threaded rod and a bicycle sprocket, I built a hard drive tree.
This site validates: XHTML 1.0 Strict