72
jan 2009 • internet retailer conference a true story... about an agency and client partnership and how together, they executed a successful redesign. Chief Creative & UX Officer Alexander Interactive Chief Operation Officer Action Envelope the client guy the agency guy Josh Levine Seth Newman

Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

Embed Size (px)

DESCRIPTION

Josh Levine and Seth Newman discuss the redesign of Action Envelope's successful ecommerce website by web agency Alexander Interactive. Presented at the 2009 Internet Retailer Web Design Conference and Expo. ---- Description from Internet Retailer Conference: "Springing into action with a new web site design" - Seth Newman, COO, Action Envelope - Josh Levine, Chief Creative and Experience Officer, Ai – Alexander Interactive At Action Envelope, most customer interaction is through the web site. That makes the web site a crucial touch point with customers—and the reason that the company continually redesigns the site. Its latest version takes ActionEnvelope.com to new heights of interactivity, and includes advanced technologies that permit shoppers to create their own stationery and envelopes and see the results quickly and without leaving the page they're on. For instance, a Made-to-Order feature allows customers to create customized envelopes by size, color, stock and window. A drop-down tab lets existing customers sign in and complete a reorder without having to scroll through product pages. Seth Newman, COO of Action Envelope, and Josh Levine, chief creative and experience officer of Action Envelope's design partner Alexander Interactive, will discuss how Action Envelope knew it was ready for a redesign, how it prioritized its steps, how it weighed the pros and cons of interactive, advanced technology and the results Action Envelope has achieved.

Citation preview

Page 1: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

a true story...about an agency and client partnership and how together, they executed a successful redesign.

Chief Creative & UX Officer Alexander Interactive

Chief Operation Officer Action Envelope

the client guy the agency guy

Josh Levine Seth Newman

Page 2: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

• Founded in 1971

• Based on Long Island NY• 35 Employees

• Over 250,000 Customers

• Top 500 Internet Retailer, since 2006

• Inc 5000 Fastest Growing company, since 2006• Internet Retailer Hot 100, 2009

• iMerchant Awards - Silver, Office Supplies, 2005, 2008

plain and printed envelopes in all sizes, styles, and colors

client profile

Page 3: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

• Founded 2002, independent

• Manhattan office

alexander interactive

select clients

• 40 hands-on employees

• Collaborative, client-focused approach

ecommerce strategy, design & development

agency profile

Page 4: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

History

Why Redesign?

And So We Begin...

The Details

Results

Onward!

today’s plan

Page 5: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

history

Page 6: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

Launch 1.0august 2000

history

00 01 02 03 04 05 06 07 08 09

Page 7: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

Launch 2.0september 2001

history

00 01 02 03 04 05 06 07 08 09

Page 8: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

Action Meets Aimay 2004

history

00 01 02 03 04 05 06 07 08 09

Page 9: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

Action Selects Ai2 weeks later

history

00 01 02 03 04 05 06 07 08 09

Page 10: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

We Launch 3.0october 2004

history

00 01 02 03 04 05 06 07 08 09

Page 11: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

Decide to Redesignjuly 2006

history

00 01 02 03 04 05 06 07 08 09

Page 12: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

Launch 4.0january 2008

history

00 01 02 03 04 05 06 07 08 09

Page 13: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

Page 14: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

93

106

119

132

jan 02 jan 03 jan 04 jan 05 jan 06

why redesign?

launch 2.0

Average Order Was Up

launch 3.0

2006june

Page 15: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

2

3

4

5

6

7

jan 02 jan 03 jan 04 jan 05 jan 06

why redesign?

launch 2.0

Conversion Rate Was Up

launch 3.0

2006june

Page 16: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

2.9

4.3

5.7

7.1

8.5

jan 02 jan 03 jan 04 jan 05 jan 06

why redesign?

launch 2.0

Revenue Was Up launch

3.0

2006june

Page 17: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

Customers Were Happy 2006june

You have the best website in the whole wide world...”— mary j.

Page 18: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

All good, right?

Page 19: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

Page 20: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

Look beyond the numbers.

Page 21: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

Look beyond the numbers.Differentiate. Innovate. Lead.

Page 22: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

Look beyond the numbers.Differentiate. Innovate. Lead.Grow with business.

Page 23: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

Look beyond the numbers.Differentiate. Innovate. Lead.Grow with business.Because they said so.

Page 24: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

If I'd asked my customers what they wanted, they'd have said a faster horse.”

— henry ford

Page 25: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

Scalability.

Page 26: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

Scalability.Modernize design.

Page 27: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

Scalability.Modernize design.Customer-centric experience.

Page 28: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

Scalability.Modernize design.Customer-centric experience.Room to innovate.

Page 29: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

why redesign?

It’s time.

Page 30: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

and so we begin...

Page 31: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

and so we begin

Okay, so here is the list of the 2940 features I want on the new site. Check them out. ”

— seth

Page 32: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

and so we begin

Okay, so here is the list of the 2940 features I want on the new site. Check them out. ”

— seth

Oh, and let’s launch in 5 months.”“— seth, again

Page 33: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

and so we begin

Microsites Brand Stores Ajax Cart One Step Checkout Flash Envelope Designer New Product PhotographyUpload Status Bar Quick Order Status Blog Progressive Search Order Samples Additional Reporting Customer Reviews Shop By “Use” Browsing Email Cart Quick Reorder Saved CartMade-to-Order Envelope Admin Workflow Printed Envelope Express Shop RSS Order Status Ajax Browsing Specialty Stores Mobile Commerce Printed Envelope Gallery New Proof Approval Process Drag n’ Drop Proof Upload Downloadable Templates Reorder Reminders Facility Tour Process Demo Videos

Page 34: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

Define the goals.

and so we begin

Page 35: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

Define the goals.Determine success metrics.

and so we begin

Page 36: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

Define the goals.Determine success metrics.Prioritize features.

and so we begin

Page 37: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

Define the goals.Determine success metrics.Prioritize features. Finalize plan and scope.

and so we begin

Page 38: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

and so we begin

Microsites Brand Stores Ajax Cart One Step Checkout Flash Envelope Designer New Product Photos Facility TourUpload Status Bar RSS Order Status Blog Progressive Search Order Samples Additional Reporting Customer Reviews Shop By “Use” Browsing Email Cart Quick Reorder Saved Cart Made-to-Order Envelopes Printed Express Shop Ajax Browsing Specialty Stores Mobile Commerce Printed Envelope Gallery New Proof Approval Process Drag n’ Drop Proof Upload Downloadable Templates Reorder Reminders Process Demo Videos

Page 39: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

and so we begin

Microsites Brand Stores Ajax Cart One Step Checkout Flash Envelope Designer New Product Photos Facility TourUpload Status Bar RSS Order Status Blog Progressive Search Order Samples Additional Reporting Customer Reviews Shop By “Use” Browsing Email Cart Quick Reorder Saved Cart Made-to-Order Envelopes Printed Express Shop Ajax Browsing Specialty Stores Mobile Commerce Printed Envelope Gallery New Proof Approval Process Drag n’ Drop Proof Upload Downloadable Templates Reorder Reminders Process Demo Videos

Page 40: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

and so we begin

Microsites Brand Stores Ajax Cart One Step Checkout Flash Envelope Designer New Product Photos Facility TourUpload Status Bar RSS Order Status Blog Progressive Search Order Samples Additional Reporting Customer Reviews Shop By “Use” Browsing Email Cart Quick Reorder Saved Cart Made-to-Order Envelopes Printed Express Shop Ajax Browsing Specialty Stores Mobile Commerce Printed Envelope Gallery New Proof Approval Process Drag n’ Drop Proof Upload Downloadable Templates Reorder Reminders Process Demo VideosEmail Order Reminders Customer Network Muffins Forum Green/Recycled Paper Boutique Paper Upsell Features Quick Look Previews SEO Landing Pages Envelope Bundles

Page 41: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

the details

Page 42: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

01 Homepage - Give more, show less before

Page 43: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

01 Homepage - Give more, show less after

Page 44: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

02 Simplify the Navigation before

Page 45: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

02 Simplify the Navigation after

Page 46: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

03 Browsing paths / Homepage before

Page 47: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

03 Browsing paths / Homepage

orange

after

Page 48: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

03 Browsing paths / Shop by color before

Page 49: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

fpo

03 Browsing paths / Shop by color after

Page 50: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

fpo

03 Browsing paths / New

Page 51: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

04 Product photography

zoom icon

Page 52: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

05 Product page before

Page 53: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

05 Overhaul product page

05 Product page

Page 54: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

05 Product page

“Guys, I think we nailed it...”— seth

Page 55: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

05 Product page

“Guys, I think we nailed it...”— seth

And then the following morning...

Page 56: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

05 Product page

“Guys, I think we nailed it...”— seth

“Guys, it is looking too busy, I think we need to rethink the entire page.”

— seth

And then the following morning...

Page 57: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

05 Product page

Page 58: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

05 Product page

Page 59: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

05 Product page

Page 60: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

05 Product page

Page 61: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

05 Product page

Page 62: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

06 Make reordering simple

Page 63: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

07 Decrease checkout abandonment

Page 64: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

07 Decrease checkout abandonment

Path 1: Plain envelopes

Path 2: Printed envelopes

Page 65: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

08 Enable creation of custom envelopes

Page 66: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

results

Page 67: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

results

Revenue + 60%Conversion Rate + 38%Total Transactions + 55%

Average Order - down 20%

Page 68: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

results

Average Order – 20%

Page 69: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

results

Average Order – 20%

See slide #35: “Determine success metrics.”

Page 70: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

onward!

Page 71: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

onward!

Test like heck.New products & brands.Microsites.Action 5.0 ...

Page 72: Charting the Successful Redesign of an Independent Ecommerce Small Business — A True Story About an Agency and Client Partnership

jan 2009 • internet retailer conference

Thank you.

Download the presentation at: www.alexanderinteractive.com

seth newman [email protected]

josh levine [email protected]