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.

Zazzle's old design tool

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.

ZURB's first prototype for the Zazzle design tool

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.

More ZURB iteration on Zazzle's design tool

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.

ZURB style guide for Zazzle's 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.

ZURB's final concept for Zazzle's design tool

Wanna talk? Call us at (408) 341-0600.

Hmm, not a big talker. Email us to .

Still here? Great, we're hiring.

We need people with chops to join our quest
for world domination. Want a job, nerd?

What's the ZURBword?

ZURBword.com is our thoughts on interaction design and strategy. What?

Subscribe to ZURBnews

Get our monthly newsletter, ZURBnews.
Check out last month's edition »