CafePress Portfolio

Shown below are samples of some of the work I created and the deliverables I was responsible for as a Product Designer at CafePress. Cafepress is a site for individuals to create and consume digital content pressed onto hard goods. I was the Product Designer on the Merchandising Tools Team.

Old UI vs. New UI
Shown here is a juxtaposition of the old and new User Interface for creating a Cafepress storefront. The definition, design, development, and maintenance of the new UI was my primary project at Cafepress.
The main goals of the project were to:
  • improve the rendering speed of the pages by replacing graphics with HTML/CSS entities and using a streamlined "standards compliant" presentation layer
  • decrease the number of clicks and page views required to accomplish a task
  • clean up the interface by removing unnecessary clutter, grouping like items, and making important elements more salient
  • enable users to perform a number of high-use bulk operations on multiple items at once
 
Interaction Flow
Shown here is the interaction flow for the project mentioned above. The 'Section Contents' page is the main "hub" for a user while they manage and edit their Cafepress storefront. All tasks and activities branch off the 'Section Contents' page and return to it.
 
Add Products Page
The 'Add Products' page was the most dynamic and interactive (involving plenty of DHTML and Javascript) of the pages I designed and developed for the project mentioned above. The interface allows users to select any number of products from a categorized list on the left of the page and adds them to the container on the right side. Users may make individual product selections from each product type, or they may add all the products of a type. If the user has selected an image to be placed on their products, it will appear in the area above the selection container (currently showing "No Product Image") near the upper right of the page. Users can change or remove the product image at any time.
 
Flash-based Product Designer
Shown here is a mock-up of a Flash-based Rich Internet Application to enable quick, interactive, and fluid creation of products on a single "page". Unfortunately the project was cancelled before any development began, but a paper-prototype of the design was usability tested with a number of participates with excellent results.
 
Documentation
Shown here is a collage of some of the product documentation I was responsible for at Cafepress, including: user personas, use case scenarios, user research summaries, user feedback matrixes, usability plans & scripts, system decision tables, and functional & requirement specifications.