Redesigning a Design Tool
Zazzle's custom product creation was thriving when its owners approached ZURB for design strategy. ZURB immediately identified an ignored opportunity: while the site's interface was attractive, the Design Tool that customers used to create custom products was unnecessarily complicated, and costing them sales.
At First...
These are just three of the many steps in Zazzle's original Design Tool. We recognized that a new Design Tool had be engaging, playful, and virtually unnoticeable.
Our goal was to create a Design tool that kept people on one page, focused on their design, not the tool or the process.
An Early Breakthrough
One of our first moves was to bundle like design elements, letting users easily edit the images and text immediately in front of them.
Rather than requiring advanced design skills, users could just click and edit without having to visit separate panels.
Iterate & Refine
Working directly with the Zazzle team, we developed a series of iterations, including this 50/50 screen split to keep all editable elements and features side-by-side and "above the fold" within the design work area.
Customers could get an immediate idea of how the tool worked without having to scroll down the page.
Implementation
After determining the overall interface, we dove down into the details and provided graphic assets and style guides to aid development of the finished Design Tool.
And There We Are...
Immediately after launching the revamped Design Tool, Zazzle measured a three-fold jump in site conversions. All-in-all, not a bad day's work.
And while this tool focused on Zazzle's postage stamp product, we've helped their team roll out versions of it for two dozen other products.
Try the real thing out.
