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.

I worked with 2 other designers to brainstorm and develop the visual look for the Valentine day 2011 marketing campaign. After many drafts, I created this final mockup and created the visual assets needed for others to produce the other graphic elements needed for the campaign.

I created this product carousel in flash to satisfy the needs of a partner. Detailed price/special offers are shown on hover. More products scroll in when the user hovers over the arrow buttons. The carousel is flexible to allow for different number of products, size of module, scroll speed, direction, and looping. All these aspects can either be loaded in via XML or by editing the top of the main .fla document.

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.

The International team wanted to test a welcome page that used a product module they had seen in an agency-made microsite. I looked at the Actionscript code used for the microsite, but found that it was too inflexible for our needs. Thus, I started the code from scratch and produced this module that was used as a basis for the flex engineers' final implementation.

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