Zazzle's Design Tool
Zazzle's custom product creation was thriving, but opportunity was being left on the table by continuing to use their old Design Tool. Customers were being tasked with a multi-step design process that left many of them feeling daunted and discouraged.
At first...
This is an example of three of the steps along the way toward making a poster print on the original zazzle.com. We knew the solution had to be an engaging and playful tool that kept people put on one page, focused on their design, not the tool or the process.
An Early Breakthrough
One of our first moves was to collapse design element attributes into their own layer (e.g. text with text attributes, images with image attributes), allowing users to edit what was immediately in front of them. No advanced Photoshop-level leap was required. Users would click and edit without managing elements, layers and properties in separate panels.
Iterate and Refine
In a dialog with the Zazzle team we made a series of iterations, including this 50/50 screen split to keep all editable elements and features side-by-side and above the fold with the design work area.
Implementation
After nailing down the interface we drilled down into interface details and provided assets and style guide materials to aid development of the real deal.
And there we are
Immediately after launching the design tool zazzle.com measured a three-fold jump in conversions through the design tool. Not a bad day's work.
Since the original stamps design tool, we've helped their team roll out versions of it for two dozen other products.
Try the real thing out.
