Out of 1000 (300? ah. 594) pictures, this is the one good one.
So far.

This is the gray version, but the front-end developer built the system with the “less” CSS preprocessor, so he can control the color palette and button corner radius by changing a couple numbers. This will let us offer optional customizing for the members that want the mobile site to complement their main site better.

The shopping pages have smaller store info buttons (hours, location, phone).

Vector illustration in Photoshop. The face is done with layer effects to get the ‘inset’ look. It helps the face read better at tiny sizes, too.

• Sticky notes.
• A white board.
• A programmer.

I draw the UI bits on sticky notes, we discuss the needs and potential problems, and move the sticky notes around on a board.

Below is our existing “Toy Filter” laid out for the new mobile template for our e-commerce toy store system. It’s a reskinning of existing code, with no new features (a requirement of getting the mobile site built and pushed to 200+ sites quickly). At the top is the ‘Search’ icon; Shopper’s ‘Cart’ contents (number of products and dollar amount); ‘Checkout’ icon.

When you tap the Search icon, a search box slides out, with options to refine your search and display the results. I think it’s more usable than the layout we have on the desktop sites (which I didn’t design).

• Search Box
• Filter by: Category, Brand, Price
• Sort by: (Name, Price, etc)
• FIND TOYS button.

We ended up with four pages with sticky notes laid out, one each for the Homepage, category Browse Page, Product Details page, and Checkout. I asked the programmer if he wanted me to mock them up in Balsamiq, and he said, “No, I’ve got it all right here.”

Simple banners for the SmartTangoes website, promoting  their “Titanic” puzzle game.

On a bike ride in the hills with the dog.

It gets a fair amount of traffic, and people often delete or damage the functions. Some people add features, like “trailers,” or “kg/bar” conversions, which is cool, but managing the document is tedious, and usability could be better. If usability was optimal, then people wouldn’t break it, right?

The next step will be a mobile app that allows for saving multiple bikes. Maybe it can talk to Cyclemeter to show performance changes at different pressures…

There was a lot going on on this (mostly Flash) design – home page, collections page, coin page, coin INSPECTION page, and a game educational activity. Plus the HTML and printable pages. The timeframe was insane, and was the second time I’d worked 24 hours straight for someone. I also designed the stylized logo/site name.

I did get disc after disc (remember getting stuff on discs?) of high-res coin art which was pretty cool. Beautiful stuff, and interesting stories. That shell on “Legends of the Human Spirit” was scrip issued by a motel owner in 1933 whose name was Charles Williamson. Possibly a long-lost great uncle? I like to think so.

This is the overview page. If I were to redo this site, I would change the  layout of this page to differentiate it from the coin pages.

And… you can look at the coins (or shell) up close.

See? Charles V. Williamson.