Toy Data Editor Window

This is the Editor window for more control over products than the Inline Editor gives you. Add images, HTML descriptions, fine-tune pricing and discounts, age ranges, shipping over-rides and assign related products. This is the window you  get when you import an item, or click it in the Inline Editor.

The help page is organized around giving people the Least They Need to Know, supported by Advanced explanations of each element and area. That way there’s one page as a reference, no one is sorted into newb/expert user, and people get the idea it’s an approachable process.

Basic Editor functions - large image

I have a cleaned-up layout ready to go, but implementation is queued behind locking down the new shared images, and moving all our clients to Cloudsites. Awesome technology courtesy of Kristopher Ives and Lucas Green.

Database import tool

This is what we work on instead of developing a new corporate business site. It’s more valuable to people who use our services, but you have to dig a little deeper to see it.

Member clients can click to import the pre-processed data into their sites. An overlay Editor window allows them to make changes before the item is saved, or cancel without importing.

Toy data Import Tool - larger image

Newest items are at the top, which shows our clients that we’ve been busy on their behalf.

They can filter and sort by the columns to see the products they want to import. There are still some refinements to be made, but it works pretty well for them. It’s more important to explain the non-intuitive elements like pagination, than to explain the parts that work like they look. The goal is always to refine the design until any help page is redundant.

Columns to sort and filter by:

  •     Date (sort by Date, filter by Year) – The Importer is sorted by date by default, so you see the newest added products at the top.
  •     SKU (mfg prefix, + item number) – Filter by partial SKUs to get a range (“dj” in SKU and “Hotaling” in Brand shows all Djeco products).
  •     Product Name – Filter by partial name to see similar items. “Smen” in Product Name shows Smencils and Smens Pens, for example.
  •     Brand – Sort or Filter by manufacturer name.
  •     Category – Categories can be “mapped” to local site category names with the Import Mapping tool.
  •     UPC / ISBN / EAN (all in the same filter box) – UPC is the most common, ISBN is books, EAN is euro-UPC.

Kristopher Ives made this version of the Import Tool, based on his Inline Product Editor, Don Hays is the reason there’s any data to import, and I made the help pages.

 

Carlton Hill website

Sparkhouse

I like the benday dots of the scanned art here

extensively different

Toy Stores 2011



medium poly 3D model

This woman was modeled from scratch, starting with a single triangle. I followed a semi-famous tutorial, using my own drawings as the basis. She was roughly rigged for animation as a test for a branded pinball game for the PSP.

Toy store site designs – 4th Quarter 2010

A Child’s Delight in Marin and San Francisco; Anklebiters, Inc. in Marietta, GA; The Toy Center; Toy Station at School Crossing; Frog Pond Toys in Lake Oswego, OR; G. Whillikers; Imagination Toys and Shoes; Kaleidoscope Toys in Round Rock, TX; Over The Rainbow Toys in Anchorage, AK; The Learning Tree in Kansas; and Toy Town of Cadillac.

toy industry web sites

Web site designs for independent toy manufacturers and service providers. Uncle Skunkle Toys (unique games), the Good Toy Group catalog, Wedgits (building toys), and Wild Creations (the frog in a box people).

PlayStation2 demo disc interface design- “Louvers”

playstation2 kiosk "louvers" interfaceThis interface got used on a LOT of Sony products, with different background color and transition effects. Jampacks, Kiosks, WalMart-only Jampacks, Official PlayStation Magazine demo discs.

The programmer, Avery Lodato, built it so that the production artist could associate a number with a thumbnail, and the PlayStation would use that as the center point of the cropped-in vertical slice. That’s how we could keep faces and logos on the panels, without having random, worthless slices. Genius.

advergame for the PS2

PlayStation2 demo disc loading screen game.

Destroy the MTV logo before it crushes you… or the demo loads.

Character design and story boards

Maya pinup with a giant slide rule sword

I wrote a story and designed the characters and settings for a an interactive PlayStation2 comic. Maya flees an attack on her school, and finds a suit of battle armor in the middle of a war zone. It betrays her.

I did the breakdown and drew the storyboards. The whole team helped with backstory and setting. We pitched it to Sony for the PlayStation Underground magazine. Models were built, and the final art was lit and rendered to match my layouts.

 

 

 

Toy store web sites

Toy Store websites

Demo Disc interfaces

Over-the top toy store designs

Over the top. I work with a very talented programmer who, all too often, says “you can really get away with things for toy store websites you can’t really do for anyone else…” Partly he means “Dang, dude, you can do crazy bad things!” and partly he means “Comic Sans? Really?”

Boing! JP’s Toy ShopBeBeep a Toy Shop; Franklin’s Toys; Kid’s Center; Kidoodle’s

Playstation Portable interface


An unproduced PSP demo interface with an urban graffitti theme.

PlayStation Kiosk 2.6

Motion comp for one of the last PlayStation2 game demo Kiosks. You may have seen it, or a variant, on a PS2 kiosk. I designed it to feel like you were flying over towers, and they would reach up toward you. When you stopped flying, the demo on top of the chosen tower would fill the screen.

3DS Max, Photoshop, AfterEffects, PlayStation2 dev gear, proprietary 3D export plugins.