Contra Costa Times Widget

I made a module to display the front page news stories in the style of the Contra Costa Times. The news category can be changed using the dropdown menu and users can search for stories on the upper right. The widget highlights first story within each section and subsequent article titles are listed underneath. More stories can be seen by clicking on the arrow at the bottom.

My 3 objectives for the project:

1. Provide more visible guidance through entire process
2. Update visual design of interface and product photography
3. Show clear call-to-actions to get people into & through the app as quickly/easily as possible

I worked with a ux designer to make improvements on Snapfish's bookmaking application. Through listening lab user testing, we discovered flow issues when creating a new book. I created prototypes in flash and mocked up screens to test during our iterative design process. I conducted some sessions and helped to brainstorm solutions. After negotiating timelines, code flexibilty and usability, I produced the final designs based on the prototype we tested. I worked with the flex team to implement artwork and coordinated with the creative director on how to incorporate new visual elements throughout the site.

I created a new set of pages focusing on customers' book making experiences. These pages were to provide inspiration to other customers and a give an easy way to start their own book with a similar theme.

I designed the page layout to feel like a blog post in order to showcase our customer's voice. I photographed the author and their books. To ensure sustained content creation and quality, I provided a content template, design specs, and photography shot lists.

This is a tech demo of an augmented reality card. The concept is that you can superimpose Snapfish's photo-products onto live webcam footage. (You can see a nice ad on Hallmark's site where they now sell the such cards)

Demo instructions (You must have a webcam):

1. Print out (or use a phone) to display the boxed snappy logo shown here:
   
2. Allow flash to use your webcam by clicking on the "allow access button" in the flash area.
   
3. Hold up your snappy logo to the webcam to see the photo-cylinder below.

This flash animation was created for the Holiday welcome page. I developed the initial type treatment of the new campaign slogan, "Spread some Snappiness". Part of the challenge of the project included marrying the visual look of the new campaign to the concurrent Winter toolkit. I incorporated the colors and violator shapes of the previous toolkit with new art of the santa hat and stars.

View the video in context

A flash marketing video describing new themes, quality of product, and the best features of the online builder app. I created the product graphics and animation based on direction from marketing. In addition, i created the player wrapper in order to scrub through the swf video.

VIDI, or Visualization & Interface Design Innovation, needed a site design to represent their research group. I designed the color scheme, layout and overall look to represent VIDI's unique focus on design within the realm of the more technical field of visualization research. I worked with one developer and created the site templates and editor that allows VIDI to self-update the site.

Visit the VIDI site

I designed this diagram as a site feature for Baseballrox.com. The diagram resizes fluidly to reflect the different change in measurements. I designed the graphic elements and coded the interactivity in AS3 using common flash components. The printable button also creates a grayscale version suitable for printing.