leanbag 03232016

LEAN LAB

BAG ABANDONMENTRaf Laus, UX Architect

•What is bag abandonment?

•Stakeholders

•User Flow

•Competitive Analysis + Best Practices

•Common IA Hierarchy

•Heuristic Analysis

•Recommended IA Hierarchy

•Customer needs/ expectations, pain points

•Hypothesis Alignment

TABLE OF CONTENTS

Bag Abandonment is when online shoppers don't purchase items added to their shopping cart/

bag

They've signaled an interest in specific items, but something stops them from completing

Bag/ Cart Abandonment is expected to increase as shoppers move from online to mobile

STAKEHOLDERS• Plenti

• Wallet

• M Money

• PayPal

• Site Monetization

• PROs

• PDP

BAG OPTIMIZATION LEAN LAB

BAG FLOW MACYS.COM

LISTSMY ACCOUNT HOMEPAGESTORESCUSTOMER

SERVICESIGN-IN GIFT GUIDE GIFT CARDS DEALS & PROMOTIONSREGISTRY

CATEGORIESSEARCH BROWSE SUBCATEGORY

QUICK VIEW

PAYPAL CHECKOUT

PAYPAL LOGIN

PAYPAL ACCT

CHECKOUT

ADD TO BAG INTERSTITIAL

PDP

ADD TO BAG PAGE GO BACK

MASTER PDP GO BACKBAG PAGE *offers *loyalty points earned *m money

NO HAVE AN ACCOUNT?

YES

GUEST CHECKOUT

SHIPPING & PAYMENT REVIEW ORDER

CONFIRMATION

EMAILS: 1. ORDER

CONFIRMATION 2. SHIPMENT

NOTIFICATION

RESPONSIVE CHECKOUT

ORDER CONFIRMATION

EMAILS: 1. ORDER

CONFIRMATION 2. SHIPMENT

NOTIFICATION

CHECKOUT

http://macys.com

COMPETITIVE ANALYSIS& BEST PRACTICES

NORDSTROMWEB

BEST PRACTICES

• Two visible checkout CTA’s• Item level gift options• Shipping/ BOPS at an item level• Secure checkout icon within the

checkout button• Help links• Product recommendations by

brand and category• “Saved for later” shown after

checkout button & before the footer

NORDSTROMMOBILE WEB

AMAZONWEB

BEST PRACTICES

• Use of cart icon instead of bag• Clear representation of item’s final

price & subtotal• Shipping & Tax estimates• Clear separation of items in cart &

list items

AMAZONMOBILE WEB

CHECKOUT CTA TOP CHECKOUT CTA, STICKS UPON SCROLL

AMAZONAPP

EMPTY STATE ONE PRICE, SHOW SAVINGS

TARGETWEB

DELIVERY REP PER ITEM IN CART

BEST PRACTICES

• Use of cart icon instead of bag• Shipping representation & item

availability in-store• Security image/ info• Item Availability

TARGETMOBILE WEB

CART EMPTY STATE CART CHECKOUT BUTTON TOP & BOTTOM

BEST PRACTICES

• Use of cart icon instead of bag• Shipping representation @ item

level• Offers/ Promo CTA is simple• Typographic hierarchy

TARGETAPP

BEST PRACTICES

• Icons are contextual• box = “ship it”• bag = “pick it up”

• In-store availability • Aisle Location• Shipping / Pick-up @ item level• Security copy & icon

INSTACARTWEB - RESPONSIVE

BEST PRACTICES

• One cart throughout the entire experience

• Cart + Checkout merged with progress bar

• Display final price on checkout button

INSTACART

MOBILE WEB APP

BEST PRACTICES

• Mobile web, app & desktop experience are cohesive,

• Large/ clear product image that shows product details

• UI Patterns are common (recognition over recall)

BONOBOSRESPONSIVE

WEBMOBILE WEB

one cart statethroughout purchase funnel

mobile web & website are identicalfocus on cart but can switch back to browse in one click

great use of color & size to emphasizesecondary payment option

BEST PRACTICES

• Mobile web, app & desktop experience are cohesive,

• One cart throughout entire experience

• Easy use of promo codes• Clear indicator when promo is

applied• Affordance to go back to previous

page

J. CREWWEB

J. CREWMOBILE

BEST PRACTICES

• Optional sections collapsed/ exposed when needed

SELF EDGEWEB

BEST PRACTICES

• Promo/ offer CTA is subtle• Use of cart instead of bag

J. CREWWEB - EXPOSED PROMO

BEST PRACTICES

• Promo/ offer CTA is subtle• Use of cart instead of bag• Collapse/ expose sections that are

optional• Displaying bottom line price• Scroll to top• “continue shopping” CTA top &

bottom of page

SELF EDGEMOBILE

BEST PRACTICES

• Promo/ offer CTA is subtle• Collapse/ expose sections that are

optional• Scroll to top• “continue shopping” link next to

checkout button

TED BAKERWEB

BEST PRACTICES

• Item details are clear & editable on cart/ bag page

• Collapse/ dismiss ads• Clear representation of final price• Visual representation of security &

trust• version logo is in proximity of

checkout button with lock icon• badges for all payment forms

accepted at checkout• continue shopping LINK next to

checkout button

NIXONWEB &MOBILE WEB

BEST PRACTICES

• Two checkout CTA’s on top & bottom of page

• Item details are clear• Clear representation of final price• Visual representation for all

payment forms accepted at checkout

CB2WEB

BENNY GOLDWEB

SPRINGAPP CART & CHECKOUT FLOW

BROWSE FEED, BUY BUTTON WITH PRICE iOS PICKER TO COMPLETE ITEM DETAILS iOS PICKER TO COMPLETE CHECKOUT

MASTER & DYNAMICMOBILE WEB

BEST PRACTICES

• Use of cart vs. bag• Large images that show product

details

JACKTHREADSWEB

EMPTY BAG CHECKOUT CTABROWSE

LULULEMONWEB & MOBILE WEB

CB2WEB

INTERSTITIAL: FEEDBACK AFTER ATB

BAG PREVIEW, NO PRICES OR ITEM DESCR.

KOHL’SWEB

KOHL’SMOBILE WEB

KOHL’SMOBILE WEB - NAV / WALLET

IA HEIRARCHYCOMMON EXAMPLES

NORDSTROMWEB

0.0 Account Navigation0.1 Shopping Bag & Checkout shortcut0.2 Free Shipping Banner0.3 General Navigation

1.0 Shopping Bag & Checkout CTA1.1 Item Image1.2 Item Name & Options1.3 Quantity1.4 Price & Total Price1.5 Gift Options1.6 Delivery Estimates

2.0 Total & Checkout CTA2.1 Subtotal2.2 Shipping Cost2.3 Tax2.4 Checkout2.5 Questions? Live Chat

3.0 Helpful Information3.1 International Shipping3.2 Shipping Options & Charges3.3 Ordering Help

4.0 Product Recommendations4.1 Saved Items4.2 Product Recommendations4.3 Blogs & More4.4 More Recommendations

NORDSTROMMOBILE

0.0 Search0.1 Nav0.2 Free Shipping Banner

1.0 Shopping Bag1.1 Item Image1.2 Item Name1.3 Item Options (Size, Color, Style, Fit)1.4 Item Number1.5 Price1.6 Quantity1.7 Edit/Remove1.8 Gift Options1.9 Pick-up in-store

Save For LaterSee More Delivery Details

2.0 Summary2.1 Subtotal 2.2 Estimated Shipping2.3 Promo Code Box2.4 Promo Code Discount2.5 Total

3.0 Checkout Options3.1 Checkout3.2 PayPal Checkout

4.0 Help

AMAZONGUEST & SIGNED-IN

0.0 Search0.1 General Nav0.2 Account Nav0.3 Amazon Credit Card Ad

1.0 Shopping Bag & Checkout CTA1.1 Item Image1.2 Item Name & Options1.3 Quantity1.4 Price1.5 Gift Options1.6 Delete/ Saved for later1.7 Subtotal & Savings Summary

2.0 Subtotal & Checkout CTA2.1 Subtotal & Number of Items2.2 Gift Options2.3 Checkout2.4 Sign in2.5 Tax & Shipping Estimates

3.0 Frequently Bought

4.0 Product Recommendations4.1 Saved Items4.2 Product Recommendations

TARGETWEB

0.0 Sign-In0.1 Free Shipping

1.0 Shopping Bag1.1 Item Image1.2 Item Name1.3 Availability & Return Policy (Urgency)1.4 Shipping/ Delivery Rep1.5 Store Pickup Info.1.6 Quantity, Delete/ Saved for later1.7 Price

2.0 Summary & Checkout CTA2.1 Subtotal & Number of Items2.2 Estimated Shipping2.3 Estimated Tax2.4 Total2.5 Checkout

3.0 Gift Options & Share3.1 Add gift options3.2 Email Cart

4.0 Security Info4.1 Shop Safely at target.com

http://target.com

BONOBOSWEB

0.0 Back to browse

1.0 Cart1.1 Item Image1.2 Item Name1.3 Item Options (Size, Color, Fit)1.4 Quantity1.5 Price

2.0 Summary2.1 Subtotal 2.2 Estimated Shipping2.3 Promo Code Box2.4 Promo Code Discount2.5 Total

3.0 Checkout Options3.1 Checkout3.2 PayPal Checkout

4.0 Help

TED BAKERWEB (exit ads)

0.0 Search, Wishlist, Bag0.1 Nav

1.0 Shopping Bag1.1 Item Image1.2 Item Name1.3 Add to Wishlist, Remove1.4 Item Options (Size, Color, Fit, Qty)1.5 Size Guide1.6 Price

2.0 Delivery Information2.1 Standard Delivery & Estimates2.2 Store Pick-up2.3 Returns Policy

3.0 Gift Options, Promo Code, Subtotal3.1 Subtotal 3.2 Estimated Tax3.3 Total Cost3.4 Promo Code Discount3.5 Total

4.0 Checkout4.1 Continue Shopping4.2 Checkout Button4.3 Badges for Credit Card & Payment Options 4.4 VeriSign Secured Icon4.5 Help

5.0 Ads/ Product Recs

TED BAKERWEB

0.0 Search, Wishlist, Bag0.1 Nav

1.0 Shopping Bag1.1 Item Image1.2 Item Name1.3 Add to Wishlist, Remove1.4 Item Options (Size, Color, Fit, Qty)1.5 Size Guide1.6 Price


3.0 Gift Options, Promo Code, Subtotal3.1 Subtotal 3.2 Estimated Tax3.3 Total Cost3.4 Promo Code Discount3.5 Total


5.0 Ads/ Product Recs

TED BAKERMOBILE

0.0 Navigation0.1 Search0.2 Store Locator0.3 Wishlist0.4 Bag Icon

1.0 Shopping Bag1.1 Item Image1.2 Item Name1.3 Price1.4 Add to wishlist/ Remove1.5 Size1.6 Size Guide1.7 Quantity1.8 Color


3.0 Gift Options, Promo Code, Subtotal3.1 Subtotal 3.2 VAT/ Estimated Tax3.3 Total Cost


5.0 Ads/ Product Recs5.1 Sign up for news & offers5.2 Category Men/ Women5.3 Sign-in CTA5.4 Customer Service & Brand Info5.5 Location5.6 Social Media

6.0 Contact info6.1 Phone Number6.2 Email6.3 Phone Line Info

KOHL’SMOBILE WEB

0.0 Nav0.1 Search0.2 Bag Icon0.3 Free Shipping Notification0.4 Kohl’s Rewards Program Ad

1.0 Shopping Bag1.1 Item Image1.2 Item Name1.3 Item Options (Size, Color, Fit)1.4 SKU #1.5 Price, Original Price, Total Price Item1.6 Quantity1.7 Gift Options1.8 Remove1.9 Shipping Info

2.0 Summary2.1 Subtotal 2.2 Promo Code Box & Kohl’s Cash2.3 Shipping Cost2.4 Shipping Notification2.5 Tax2.6 Total2.7 Savings2.8 Rewards Earnings2.9 Kohl’s Cash3.0 Yes2You Rewards

3.0 Checkout Options3.1 Checkout

HEURISTIC ANALYSISWhere we are now.

MCOM

GUEST SIGNED-IN

MACYS.COM

CONSOLIDATE “ADDED TO BAG” FEEDBACK LOOP

1. Visibility of system status: BELOW AVERAGE: PDP to BAG funnel is long, “added to bag” interstitial page takes the user away from the product page. Feedback from ForSee results vary from items removed without notification, item availability, bag not loading and other bugs/ defects.

2. Match between system and the real world: BELOW AVERAGE: There’s confusion around shipping & pickup, customers assume the delivery option before they reach main bag content. IA needs to be improved, GWP & “Bonus” gifts are not associated with items in cart.

3. User control and freedom: AVERAGE: It takes a lot of effort to navigate back to a category or product page after viewing the shopping bag. Based on industry competitive analysis, two checkout CTA’s are expected for immediate checkout.

4. Consistency and standards: AVERAGEItem names are long and complicated. Verbiage around “wallet, offers, star passes” are confusing to the customer, based on user testing. “Cart v. Bag” Industry standards now use a visual representation of “shopping cart” instead of bag. “Bag” is now commonly used as an affordance for store pickup. Multiple prices are shown on bag, if offer doesn’t apply, the total is not accurate on checkout.

5. Error prevention: BELOW AVERAGE: Error messages are not presented where they occur. Explicitly state “only one offer per order” under promos. Unavailable items have to be manually removed by customer on bag.

6. Recognition rather than recall: AVERAGEContextual visual representation of shipping & pickup in-store at an item level

7. Flexibility and efficiency of use: BELOW AVERAGE: Merged bag needs to be improved & redefined. Implement multiple checkout shortcuts from the bag page. Improve IA to remove visual noise on the page. Improve main CTA and make it stand out.

8. Aesthetic and minimalist design: BELOW AVERAGE: There’s a lot of noise and unnecessary copy regarding GWP & bonus offers. There is no typographic hierarchy under the order summary section, product details, etc. Free shipping banner, Plenti, finding a store sections are scattered in undesirable locations.

9. Help users recognize, diagnose, and recover from errors: AVERAGEImprove messaging. Straightforward & concise.

10. Help and documentation: BELOW AVERAGE: The footer is populated by an incredible amount of irrelevant information, which makes the customer service number hard to find. Provide useful help links on the body of the bag page.

HEURISTIC ANALYSIS

MACY’SMOBILE WEBGUEST

0.0 Navigation0.1 Cart/ Bag, # of items0.2 Search

1.0 Shopping Bag1.1 Free Shipping Notification1.2 Store Pick-Up1.3 Item Image1.4 Item Name1.5 Item Options (Size, Color)1.6 Qty1.7 Price1.8 Shipping/ Store Pickup Options1.9 Remove/ Move To list

Conditional: Item Level Promos, Bonus Offers


3.0 Plenti & Wallet3.1 Plenti 3.2 My Wallet3.3 Promo Code Box

4.0 Subtotal & Cost Estimates4.1 Subtotal4.2 Pick up In-Store Cost4.3 Shipping Cost4.4 Estimated Tax4.5 Order Total4.6 Total Savings

5.0 Checkout5.1 Checkout 5.2 PayPal Checkout5.3 Bonus Offer5.4 Bag ID5.5 Item Availability

6.0 Footer6.1 Sign-up for offers6.2 Sign-In6.3 Find a Store6.4 Privacy Practices6.5 Customer Service

MACY’SMOBILE WEBSIGNED-IN

0.0 Navigation0.1 Cart/ Bag, # of items0.2 Search

1.0 Shopping Bag1.1 Free Shipping Notification1.2 Store Pick-Up1.3 Item Image1.4 Item Name1.5 Item Options (Size, Color)1.6 Qty1.7 Price1.8 Shipping/ Store Pickup Options1.9 Remove/ Move To list

Conditional: Item Level Promos, Bonus Offers


3.0 Plenti & Wallet3.1 Plenti 3.2 My Wallet3.3 Apply Offer3.4 Use Other Promo Code

4.0 Subtotal & Cost Estimates4.1 Subtotal4.2 Pick up In-Store Cost4.3 Shipping Cost4.4 Estimated Tax4.5 Order Total4.6 Total Savings

5.0 Checkout5.1 Checkout 5.2 PayPal Checkout5.3 Bonus Offer5.4 Bag ID5.5 Item Availability

6.0 Footer6.1 Sign-up for offers6.2 Sign-Out6.3 Find a Store6.4 Privacy Practices6.5 Customer Service

IA HEIRARCHYUX RECOMMENDATIONS

(MOBILE & WEB)IA HEIRARCHY

ZONE DIAGRAM WIREFRAMES

MACYS.COM

MOBILE WEB: GUEST RECOMMENDED IA HIERARCHY

0.0 Navigation 0.0.1 Back to shopping

0.1 Search 0.2 Bag Icon + Number of Items in Bag 0.3 Free Shipping Notification

1.0 Shopping Cart/ Bag 1.0.1 Number of Items 1.0.2 Bag ID

1.1 Item Image 1.2 Item Name

1.2.1 Item Name cont. 1.3 Item Options (Size, Color)

1.3.1 Size 1.3.2 Size Chart 1.3.3 Color

1.4 Price Now x Qty = Price(qty) 1.5 Availability 1.6 Move to List + Remove Item (Text v. Icons) 1.7 GWP 1.8 Fastest shipping info 1.9 Ship (default) / BOPS

2.0 Order Summary 2.1 Subtotal 2.2 Shipping Cost 2.3 Promo Code Box 2.4 Tax 2.5 Total

2.5.1 Total Savings

4.0 Checkout 4.1 Checkout Button + Lock Icon (Security)

4.1.1 Display Accepted Card Badges 4.1.2 Display Secure Checkout Image Icon/ Text

4.2 PayPal Checkout

5.0 Lists / PROS

3.0 Loyalty 3.1 Plenti 3.2 M Money

0.0

1.0

2.0

3.0

5.0

4.0

6.0 Footer 6.1 Customer Service Number 6.2 Sign-In

6.0

SHOPPING CART CART #: 1234-5678

product image

This is where the product name lives

SIZE

32/34

PRICE $198.98

COLOR

Navy Blue

QTY - 1 +

SHIP IT! Get it by 3/12 with EXPRESS shipping.

FREE PICKUP IN-STORE! Get it today in Mill Valley, CA

move to list | remove

PAYPAL EXPRESS CHECKOUT

ORDER SUMMARY

APPLYEnter promo code here

SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

PROMO: SUPERSUNDAY

ESTIMATED TAX

-$XX.XX

$XX.XX

TOTAL: $999.99

Need help with your order?

1-800-123-4567

Already have an account?

sign-in

CHECKOUT

You are $32.99 away from FREE shipping!

Search

Navigation 3

product image


SIZE

32/34

PRICE $198.98

COLOR

Navy Blue

QTY - 1 +

SHIP IT!

space for pros or lists

PLENTI & M MONEY

MACYS.COM

MOBILE WEB: SIGNED-IN RECOMMENDED IA HIERARCHY









2.5.1 Total Savings



4.2 PayPal Checkout

5.0 Lists / PROS


0.0

1.0

2.0

3.0

5.0

4.0


6.0

product image


SIZE 32/34

PRICE $198.98

COLOR Navy Blue

QTY

- 1 +





product image


SIZE

32/34

PRICE $198.98

COLOR

Navy Blue

QTY - 1 +

SHIP IT! Get it by 3/12 with EXPRESS shipping at checkout.




ORDER SUMMARY


SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

PROMO: SUPERSUNDAY

ESTIMATED TAX

-$XX.XX

$XX.XX

TOTAL: $999.99


1-800-123-4567


sign-out

CHECKOUT


Plenti Points Earned

Macy’s Money Earned

9,990

$15.00

LOYALTY POINTS

CHECKOUT

total: $999.993 items in your cart

CHECKOUT

1 item added to your bag

CHECKOUTCHECKOUT $109.88



CHECKOUTCHECKOUT

CHECKOUT $109.88

CHECKOUT

MACYS.COM

VARIATIONS DESKTOP & MOBILE WEB

3

CONTEXTUAL ICONS A. CART = still shopping B. BAG = bops?

CHECKOUT


CHECKOUT BUTTON A. TOTAL PRICE B. SECURE CHECKOUT REPRESENTATION C. STICKS TO TOP/BOTTOM ON SCROLL, DOESN’T LEAVE SCREEN

product image


SIZE

32/34

PRICE $198.98

COLOR

Navy Blue

QTY - 1 +




GWP

GWP NAME

FREE

GWP TYPE DROPDOWN

GIFT WITH PURCHASE A. ASSOCIATE FREE GIFT WITH PURCHASE ITEM


0.1 Search 0.2 Bag Icon + Number of Items in Bag 0.3 Free Shipping Notification ($XX.XX from free shipping)

MACYS.COM

WEB: GUEST RECOMMENDED IA HIERARCHY

1.0 Shopping Bag 1.0.1 Number of Items 1.0.2 Bag ID




1.4 Price Now x Qty 1.4.1 Orig. Price

1.5 Availability 1.6 Move to List + Remove Item (Text v. Icons) 1.7 GWP 1.8 Fastest shipping info 1.9 Ship (default) / BOPS

2.0 Order Summary 2.1 Subtotal 2.2 Promo Code Box 2.3 Shipping Cost 2.4 Tax 2.5 Total

2.5.1 Total Savings

3.0 Loyalty (collapse/expand) 3.1 Plenti (link) + possible earned points 3.2 M Money (link) + earned rewards



4.2 PayPal Checkout

5.0 Lists / Pros

6.0 Footer 6.1 Customer Service Number 6.2 Sign-Out

MACYS.COM

WEB: GUEST ZONE DIAGRAM V1

0.0

1.0

2.0

3.0

5.0

4.0

6.0

MACYS.COM


0.0

1.0

2.03.0

5.0

4.0

6.0


product image

ITEM NAME This is where the product name lives

SIZE 32/34

PRICE $198.98

COLOR Navy Blue

QTY - 1 +



move to wishlist remove

product image


SIZE 32/34

PRICE $198.98

COLOR Navy Blue

QTY - 1 +




Search

Navigation3

Categories

You have FREE shipping based on your order!

BACK TO SHOPPING CHECKOUT

CHECKOUT

product image


SIZE 32/34

PRICE $198.98

COLOR Navy Blue

QTY - 1 +


CHECKOUT




SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

PROMO: SUPERSUNDAY

ESTIMATED TAX

-$XX.XX

$XX.XX

TOTAL: YOU SAVE

$999.99 $XX.XX

Need help with your order? 1-800-123-4567

Live Chat Hotline

CART ID 123456789


CHECKOUT


ORDER SUMMARY


BACK TO SHOPPING


SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

PROMO: SUPERSUNDAY

ESTIMATED TAX

-$XX.XX

$XX.XX

TOTAL: $999.99

CHECKOUT



9,990

$15.00

LOYALTY POINTS

ORDER SUMMARY



Live Chat Hotline

CART ID 123456789

SPACE FOR LISTS & PROS

BACK TO SHOPPING



MACYS.COM

WEB: SIGNED-IN RECOMMENDED IA HIERARCHY







2.0 Order Summary 2.1 Subtotal 2.2 Promo Code Box

2.2.1 Promo’s qualified for bag items 2.3 Shipping Cost 2.4 Tax 2.5 Total

2.5.1 Total Savings

3.0 Loyalty Earned 3.1 Plenti Points Earned 3.2 M Money Earned



4.2 PayPal Checkout

5.0 Lists / Pros


BEN’S SHOPPING CART CART #: 1234-5678


product image


SIZE 32/34

PRICE $198.98

COLOR Navy Blue

QTY - 1 +


CHECKOUT



APPLY

SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

ESTIMATED TAX $XX.XX

TOTAL: $999.99

CHECKOUT




9,990

$15.00

LOYALTY POINTS

ORDER SUMMARY

this promo is not recognized

this promo has expired

contents in your bag do not apply with

this promo



product image


SIZE 32/34

PRICE $198.98

COLOR Navy Blue

QTY - 1 +


CHECKOUT



APPLYuse one promo code per order

SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

PROMO: SUPERSUNDAY

ESTIMATED TAX

-$XX.XX

$XX.XX

TOTAL: $999.99

CHECKOUT




9,990

$15.00

LOYALTY POINTS

ORDER SUMMARY


SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

PROMO: SUPERSUNDAY

ESTIMATED TAX

-$XX.XX

$XX.XX

TOTAL: $999.99

CHECKOUT



9,990

$15.00

LOYALTY POINTS

ORDER SUMMARY



Live Chat Hotline

CART ID 123456789


BACK TO SHOPPING

Versace Jeans Two Button Blazer Size: M Color: Grey Qty: 1 $XX.XX

2 items

$999.99

CHECKOUT $XXX.XX

shop securely @ macys.com

order subtotal estimated shipping estimated sales tax

total you saved

$XX.XX FREE

$XX.XX

$999.99 $99.99

enter your promo code here APPLY


edit | remove

edit | remove

http://macys.com


2 items

$999.99

CHECKOUT $XXX.XX



PROMO 25% OFF order subtotal estimated shipping estimated sales tax

total you saved

$XX.XX $XX.XX

FREE $XX.XX

$999.99 $99.99

PROMO25 remove

edit | remove

edit | remove


http://macys.com


CHECKOUT

4 items

$999.99

$XXX.XX





http://macys.com



CHECKOUT

frequently bought together

Dapibus Tellus Venenatis




best sellers







click “x” or click here to keep shopping

CHECKOUT






best sellers

MORE LIKE THIS

PDP ADDED TO BAG CONFIRMATION BAG

CHECKOUT = FULL BAG PAGE








PDP ADDED TO BAG CONFIRMATION BAG

CHECKOUT = FULL BAG PAGE

best sellers





best sellers

CHECKOUT



continue shopping

MORE LIKE THIS


CHECKOUT



continue shopping









CHECKOUT



continue shopping

MORE LIKE THIS


THE DELTAWhat can we tackle first?

Increase conversion rate from cart to checkout.

What is the key business objective?

} CUSTOMER INSIGHTS UX RESEARCH

SCENARIOS (NEEDS &

EXPECTATIONS)

PAIN POINTS

HYPOTHESIS LEAN BAG

site monetization product recommendations browse history of all products viewed BOPS confusion (selection before BAG) BOPS remove “free” in subtotal free shipping notification (DESKTOP) performance issues on bag private browsing in bag edit bag contents in-line error handling defects from Forsee

HEAP/ GOOGLE ANALYTICS bag abandonment emails clean and fast bag merged bags “Verisign” logo (site security image) BAG v. CART GWP confusion promo code entry “wizard” resize Paypal button resize checkout button

PLENTI errors & confusion remove “add to bag” page M MONEY / B MONEY promo exclusions progress indicator personalized bag name unwanted items in bag wallet (out of scope?) sign-in page (out of scope?)

CORE METRICS FORSEE

HYPOTHESIS LEAN BAG CONFLUENCE

…

validate problems that users actually have.

CUSTOMER INSIGHTS UX RESEARCH (Nancy Bell, Farah Faisal, Natalia Blackwell)}SCENARIOS

NEEDS & EXPECTATIONS

PAIN POINTSPAIN POINTSPAIN POINTS

BUSINESS VALUE

• meet customer expectations

• decrease bag abandonment

• decrease negative comments on Forsee

• reduce customer support calls regarding bag

• increase customer satisfaction with online purchase

• reassure security and trust

SCENARIOSNEEDS & EXPECTATIONS

HEAP BAG ABANDONMENT EMAILS CLEAN & FAST BAG MERGED BAGS “VERISIGN” LOGO (SECURITY) BAG v. CART EXPERIMENTATION GWP CONFUSION PROMO CODE ENTRY WIZARD RESIZE PAYPAL BUTTON RESIZE CHECKOUT BUTTON SITE MONETIZATION PRODUCT RECOMMENDATIONS RECENT PRODUCTS VIEWED PLACEMENT BOPS CONFUSION (CARRYOVER PDP TO BAG) BOPS REMOVE “FREE” IN SUBTOTAL FREE SHIPPING NOTIFICATION (DESKTOP) PERFORMANCE ISSUES ON BAG PRIVATE BROWSING IN THE BAG EDIT BAG CONTENTS IN-LINE ERROR HANDLING DEFECTS FROM FORSEE PLENTI ERRORS & CONFUSION REMOVE “ADD TO BAG PAGE” M MONEY / B MONEY PROMOTION EXCLUSIONS PROGRESS INDICATOR (BAG TO CHECKOUT) WALLET (OUT OF SCOPE) SIGN-IN PAGE (OUT OF SCOPE) PERSONALIZED BAG NAME (SIGNED-IN USER) UNWANTED ITEMS IN BAG RE-DO IA HIERARCHY

SHOPPING BAG AS PURCHASE “CHECKPOINT”

SITE MONETIZATION PRODUCT RECOMMENDATIONS RECENT PRODUCTS VIEWED PLACEMENT BOPS CONFUSION (CARRYOVER PDP TO BAG) BOPS REMOVE “FREE” IN SUBTOTAL FREE SHIPPING NOTIFICATION (DESKTOP) PERFORMANCE ISSUES ON BAG PRIVATE BROWSING IN THE BAG EDIT BAG CONTENTS IN-LINE ERROR HANDLING DEFECTS FROM FORSEE

HEAP/ GOOGLE ANALYTICS BAG ABANDONMENT EMAILS CLEAN & FAST BAG MERGED BAGS “VERISIGN” LOGO (SECURITY) BAG v. CART EXPERIMENTATION GWP CONFUSION PROMO CODE ENTRY WIZARD RESIZE PAYPAL BUTTON RESIZE CHECKOUT BUTTON RE-DO IA HIERARCHY

PLENTI ERRORS & CONFUSION REMOVE “ADD TO BAG PAGE” M MONEY / B MONEY PROMOTION EXCLUSIONS PROGRESS INDICATOR (BAG TO CHECKOUT) WALLET (OUT OF SCOPE) SIGN-IN PAGE (OUT OF SCOPE) PERSONALIZED BAG NAME (SIGNED-IN USER) UNWANTED ITEMS IN BAG


SHOPPING BAG AS FITTING ROOM triage - purchase decision point

CHECKING OUT: EDITING BAG

SHOPPING BAG AS HOLDING ZONE

SHOPPING BAG AS HOLDING ZONE: CROSS DEVICE

SHOPPING BAG AS CALCULATOR

CHECKING OUT: APPLYING PROMO CODES, POINTS AND

CREDIT INFO

SHOPPING BAG: GETTING THE BEST DEAL

DIFFICULTIES FINDING PRODUCT INFO FROM BAG

CONFUSION ABOUT SHIPPING AND PICK UP

(BOPS & SHIPPING COSTS)

CONFUSION ABOUT DELIVERY OPTION SELECTION

CONFUSION ABOUT APPLYING PROMOTIONS (PROMOS, EXCLUSIONS,

WALLET, REDEEM PLENTI)

CHECKOUT: FINDING & USING PROMO CODES (WALLET TEAM)

CHECKOUT — WALLET NO AUTOPROVISIONING (LEGAL)

DIFFICULTIES WITH BAG ITEMS/ TOTAL

SECURITY AND TRUST

PAIN POINTSSCENARIOSNEEDS & EXPECTATIONS


SHOPPING BAG AS FITTING ROOM






CREDIT INFO


HEAP BAG ABANDONMENT EMAILS CLEAN & FAST BAG MERGED BAGS “VERISIGN” LOGO (SECURITY) BAG v. CART EXPERIMENTATION GWP CONFUSION PROMO CODE ENTRY WIZARD RESIZE PAYPAL BUTTON RESIZE CHECKOUT BUTTON SITE MONETIZATION PRODUCT RECOMMENDATIONS RECENT PRODUCTS VIEWED PLACEMENT BOPS CONFUSION (CARRYOVER PDP TO BAG) BOPS REMOVE “FREE” IN SUBTOTAL FREE SHIPPING NOTIFICATION (DESKTOP) PERFORMANCE ISSUES ON BAG PRIVATE BROWSING IN THE BAG EDIT BAG CONTENTS IN-LINE ERROR HANDLING DEFECTS FROM FORSEE PLENTI ERRORS & CONFUSION REMOVE “ADD TO BAG PAGE” M MONEY / B MONEY PROMOTION EXCLUSIONS PROGRESS INDICATOR (BAG TO CHECKOUT) WALLET (OUT OF SCOPE) SIGN-IN PAGE (OUT OF SCOPE) PERSONALIZED BAG NAME (SIGNED-IN USER) UNWANTED ITEMS IN BAG








CHECKOUT — WALLET NO AUTOPROVISIONING

(ADVISED BY LEGAL)


SECURITY AND TRUST

HEAP BAG ABANDONMENT EMAILS CLEAN & FAST BAG MERGED BAGS “VERISIGN” LOGO (SECURITY) BAG v. CART EXPERIMENTATION GWP CONFUSION PROMO CODE ENTRY WIZARD RESIZE PAYPAL BUTTON RESIZE CHECKOUT BUTTON SITE MONETIZATION PRODUCT RECOMMENDATIONS RECENT PRODUCTS VIEWED PLACEMENT BOPS CONFUSION (CARRYOVER PDP TO BAG) BOPS REMOVE “FREE” IN SUBTOTAL FREE SHIPPING NOTIFICATION (DESKTOP) PERFORMANCE ISSUES ON BAG PRIVATE BROWSING IN THE BAG EDIT BAG CONTENTS IN-LINE ERROR HANDLING DEFECTS FROM FORSEE PLENTI ERRORS & CONFUSION REMOVE “ADD TO BAG PAGE” M MONEY / B MONEY PROMOTION EXCLUSIONS PROGRESS INDICATOR (BAG TO CHECKOUT) WALLET (OUT OF SCOPE) SIGN-IN PAGE (OUT OF SCOPE) PERSONALIZED BAG NAME (SIGNED-IN USER) UNWANTED ITEMS IN BAG








CHECKOUT — WALLET NO AUTOPROVISIONING

(ADVISED BY LEGAL)


SECURITY AND TRUST

HEAP BAG ABANDONMENT EMAILS

CLEAN & FAST BAG MERGED BAGS

“VERISIGN” LOGO (SECURITY) BAG v. CART EXPERIMENTATION

GWP CONFUSION PROMO CODE ENTRY

WIZARD RESIZE PAYPAL BUTTON

RESIZE CHECKOUT BUTTON SITE MONETIZATION

PRODUCT RECOMMENDATIONS RECENT PRODUCTS VIEWED PLACEMENT

BOPS CONFUSION (CARRYOVER PDP TO BAG) BOPS REMOVE “FREE” IN SUBTOTAL

FREE SHIPPING NOTIFICATION (DESKTOP) PERFORMANCE ISSUES ON BAG PRIVATE BROWSING IN THE BAG

EDIT BAG CONTENTS IN-LINE ERROR HANDLING DEFECTS FROM FORSEE PLENTI ERRORS & CONFUSION

REMOVE “ADD TO BAG PAGE” M MONEY / B MONEY

PROMOTION EXCLUSIONS PROGRESS INDICATOR (BAG TO CHECKOUT)

WALLET (OUT OF SCOPE) SIGN-IN PAGE (OUT OF SCOPE)

PERSONALIZED BAG NAME (SIGNED-IN USER) UNWANTED ITEMS IN BAG


SHOPPING BAG AS FITTING ROOM






CREDIT INFO


LIST HYPOTHESIS THAT DON’T MATCH IDENTIFIED PAIN POINT, NEEDS & EXPECTATIONS (**** hypothesis that relate to clean and fast bag)

• HEAP**** • WIZARD • RESIZE PAYPAL BUTTON**** • RESIZE CHECKOUT BUTTON**** • SITE MONETIZATION • PERFORMANCE ISSUES ON BAG**** • PRIVATE BROWSING IN BAG • REMOVE “ADD TO BAG PAGE” • PROGRESS INDICATOR (BAG TO

CHECKOUT) • SIGN-IN PAGE • PERSONALIZED BAG NAME

LIST OF HYPOTHESIS THAT ALIGN WITH CUSTOMER PAIN POINTS

• VERISIGN LOGO • BAG V. CART EXPERIMENT • BOPS CONFUSION (CARRY STORE

INFO FROM PDP TO BAG) • BOPS REMOVE “FREE” IN SUBTOTAL

LIST OF HYPOTHESIS THAT ALIGN WITH CUSTOMER PAIN POINTS, NEEDS & EXPECTATIONS

• CLEAN & FAST BAG • GWP CONFUSION • PROMO CODE ENTRY • FREE SHIPPING NOTIFICATION (D) • PLENTI, M/B MONEY • PROMOTION EXCLUSIONS • WALLET

LIST OF HYPOTHESIS THAT ALIGN WITH CUSTOMER NEEDS & EXPECTATIONS

• BAG ABANDONMENT EMAILS • MERGED BAGS • PRODUCT RECOMMENDATIONS • PLACEMENT: RECENTLY VIEWED

ITEMS • EDIT BAG CONTENTS • IN-LINE ERROR HANDLING • DEFECTS FROM FORSEE • PLENTI ERRORS & CONFUSION • UNWANTED ITEMS IN BAG

CUSTOMER VALUE: HIGH CUSTOMER VALUE: MEDIUM CUSTOMER VALUE: *TBD or LOW

PRIORITY LISTCUSTOMER VALUE

We believe that customers struggle to find relevant information for purchase decision making.

If we re-build a bag that’s clean & fast, with only relevant / complimentary information

then, customers will spend less time and effort looking for relevant information to make their purchase decision

resulting in increased cart to checkout conversion, thus decreasing bag abandonment

We believe that customers have a hard time finding and understanding offers/ promo codes

If we show promo codes and offers that are relevant and applicable to the customer’s bag contents

then, customers will have less confusion, frustration and they will able to find and use the best deal for their transaction

resulting in increased cart to checkout conversion

CLEAN & FAST BAG & GWP CONFUSION

PROMO CODE ENTRY, PROMO EXCLUSIONS, WALLET, LOYALTY (PLENTI, M/B MONEY)

We believe that customers are confused about bops and are unaware of the flat $9.99 shipping fee

If we carry over the bops option from the PDP and notify the customers on how close their are to free shipping

then, customers add more items to their bag and they can make a faster purchase decision

resulting in increased cart to checkout conversion and higher AOV.

FREE SHIPPING NOTIFICATION

HYPOTHESISCUSTOMER VALUE: HIGH

We believe that customers struggle to find relevant information for purchase decision making.

If we re-build a bag that’s clean & fast, with only relevant / complimentary information then, customers will spend less time and effort looking for relevant information to make their purchase decision

resulting in increased cart to checkout conversion, thus decreasing bag abandonment

CLEAN & FAST BAG, GWP CONFUSION

RISKIEST ASSUMPTIONS

• NOT PRIORITIZING IA HEIRARCHY • The experience across all devices needs to be cohesive.

At the current state, we are doing ourselves a disservice if we can’t keep the page structure consistent, regardless of the screen size, device, etc.

• WALLET • Breakdown implementation (promo code box, signed-in,

soft signed-in) • Of all Site (Desktop/Tablet) bag sessions, an average of

35% apply an offer. This is higher than MEW, where only 18% of bag sessions apply an offer.

• For both Site & MEW, of total promo apply sessions, the majority of promo codes applied are from Guests (versus Signed In). For Site, 62% of promo apply sessions are Guest and 38% are Signed In. For MEW, 79% of sessions are Guest and 21% are Signed In.

• Of the 38% Signed In promo sessions, 66% of promo codes are applied manually, 28% are applied using the ‘Apply Offer’ button, and 6% are applied from ‘See Other Offers’.

• Of the 21% of Signed In promo session for MEW, 37% of promo codes are applied manually, 26% are applied using the ‘Apply Offer’ button, and 36% are applied from ‘See Other Offers’.

• For Signed In customers that initiate ‘See Other Offers’, MEW has a higher completion rate at 49% compared to Site at 19%.

• PLENTI • About 30% of the people who shop have

a plenti ID and of that 30%, only 12% of people are fully enrolled and can redeem points. In addition, there’s a lot of confusion about the program that may conflict with our objective.

• SITE MONETIZATION • The Site Monetization initiative is in

direct conflict to the customer’s goal (deciding if this is what I should buy) — an ad is an an unnecessary distraction to their task. Furthermore, it is in direct conflict to the business goal of engaging with the customer in order to help them make a purchase with us.

CUSTOMER OPPORTUNITY

• IMPROVE IA HIERARCHY: RECOGNITION OVER RECALL To decrease cognitive load, we need to align the hierarchy of information with pages that lead to and from bag (PDP, mPDP)

• RE-ENFORCE SECURITY & TRUST This is an easy win. People are becoming more aware and concerned about privacy. 1 in 4 customers don’t make a purchase due to security concerns. We need to provide textual or visual representation to assure the customers that we protect their data at all cost.

• GET THE BASICS RIGHTIn medicine, nurses check your vitals before moving onto any other fancy tests or protocols. When cars are built, the chassis, engine and brakes are prioritized over surround sound. This is because the whole system won’t work if the foundation is wonky. We need to build the foundational functionalities properly before adding other features.

• UNDERSTAND THE USER IN EVERY MOMENT WE INTERACT WITH THEM• HEAP tracks what we don’t know, from form field tracking, user sessions, what behavior on what device, time on task, load speed vs.

time on task, etc.• Customers also use bag as a “checkpoint” (holding spot) to evaluate what they should buy. The mental model of our customer

revolve around these questions — How much does it cost? What is my final price? How can I get it? Which also implies when there’s low quantity available or out of stock. Is this the right item compared to another being considered? Can I trust this site? Did I forget anything?

• KEEP TRACK OF THE CUSTOMER’S INTERESTMerge bag can simply turn to, “browse history” so customers can see what they’ve viewed and purchased. Also wish list items showcased underneath checkout as a reminder to purchase products that they’ve shown interest in.

• SCARCITYWhen users abandon the cart, inform them when an item is almost out of stock or if it’s on sale. This can be in form of an email, highlighting the item in their bag that are in short of supply. We know that the user shows interest when adding an item to their cart/ bag. Giving information regarding availability influences the user to take action.

UX REQUIREMENTS

• re-do IA hierarchy & align with PDP

• reassure trust & security on the bag page

• ensure basic bag functionalities work

• clear messaging around promotions / rewards

• show bops & shipping information for each product

• apply contrast: people are likely to remember what stands out from everything else (i.e. prioritize, emphasize checkout button)

• turn merged bag = browsing history

• apply social proof• validation logos: help establish trustworthiness by highlighting

affiliations with well-known organizations

• subscriber count: show users how many other people have followed your brand on social media or subscribed to your list

• salience principle (pros or lists)• people’s attention is drawn to that which is most relevant to

them at that moment.• when customer is checking out, offer complimentary products

or accessories (Amazon “recommended for you”)

PROMOTIONS & WALLETLEANBAG

WALLET (Kelly Petersen’s Report)

• Of all Site (Desktop/Tablet) bag sessions, an average of 35% apply an offer.

This is higher than MEW, where only 18% of bag sessions apply an offer.

• For both Site & MEW, of total promo apply sessions, the majority of promo

codes applied are from Guests (versus Signed In). For Site, 62% of promo

apply sessions are Guest and 38% are Signed In. For MEW, 79% of sessions

are Guest and 21% are Signed In.

• Of the 38% Signed In promo sessions, 66% of promo codes are applied

manually, 28% are applied using the ‘Apply Offer’ button, and 6% are applied

from ‘See Other Offers’.

• Of the 21% of Signed In promo session for MEW, 37% of promo codes are

applied manually, 26% are applied using the ‘Apply Offer’ button, and 36% are

applied from ‘See Other Offers’.

• For Signed In customers that initiate ‘See Other Offers’, MEW has a higher

completion rate at 49% compared to Site at 19%.

the promo code box is separate from wallet three phase implementation for leanbag

PHASE 3

PHASE 1

PHASE 2

• contextual placement of error/ warning messages

• highlight error/ warning messages in yellow / orange instead of red • less alarming if it’s not red, less panic, not as physically stimulating

• specify why field information is not accepted • link to deals and promotions page

16EJUNE

16FJULY

16GAUGUST

16HSEPT

CHECKOUT ENHANCE

• enhance checkout CTA on desktop • payment badges on bag • update Paypal CTA

• add price to checkout button • add security icon to checkout

button • checkout verbiage • two checkout buttons

CLEAN & FAST BAG • clarify order summary

• enhance ADD/EDIT bag items • BOPS closer to order

summary? Better context @ item level

PROMOTION ENTRY • promotion inline messaging, contextual placement

• add promo entry to order summary

• color-coding to error messaging (warning/error)

• tie in promotion exclusions

ANALYTICS • HEAP • Google Analytics

OTHER • free shipping threshold• Site Monetization • Defect: BOPS “what’s this”

link

BAG ABANDONMENT

EMAILS

• promotion availability to oracle

NOTIFICATIONS • promotion notification

FEATURE KILL LIST

16EJUNE

16FJULY

16GAUGUST

16HSEPT

CREATIVE REQUEST16E ONWARDS

April 19, 2016

CHECKOUT

keep shopping

order subtotal

estimated shipping

estimated sales tax

$XX.XX

FREE$XX.XX

estimated totalyou saved

$XX.XX$XX.XX

How is this calculated?

We accept a variety of payment options:

order subtotal

estimated shipping

estimated sales tax

$XX.XX

FREE$XX.XX


$XX.XX$XX.XX


keep shopping

CHECKOUT


A: new subtotal, stacked CTA’s B: new subtotal, secondary CTA side by side

CHECKOUT $109.88

CHECKOUT

MACYS.COM

VARIATIONS DESKTOP & MOBILE WEB

CHECKOUT


CHECKOUT BUTTON A. TOTAL PRICE B. SECURE CHECKOUT REPRESENTATION C. STICKS TO TOP/BOTTOM ON SCROLL, DOESN’T LEAVE SCREEN

product image


SIZE

32/34

PRICE $198.98

COLOR

Navy Blue

QTY - 1 +




GWP

GWP NAME

FREE

GWP TYPE DROPDOWN

GIFT WITH PURCHASE A. ASSOCIATE FREE GIFT WITH PURCHASE ITEM

MACYS.COM

MOBILE WEB: GUEST RECOMMENDED IA HIERARCHY









2.5.1 Total Savings



4.2 PayPal Checkout

5.0 Lists / PROS


0.0

1.0

2.0

3.0

5.0

4.0


6.0


product image


SIZE

32/34

PRICE $198.98

COLOR

Navy Blue

QTY - 1 +





ORDER SUMMARY


SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

PROMO: SUPERSUNDAY

ESTIMATED TAX

-$XX.XX

$XX.XX

TOTAL: $999.99


1-800-123-4567


sign-in

CHECKOUT


Search

Navigation 3

product image


SIZE

32/34

PRICE $198.98

COLOR

Navy Blue

QTY - 1 +

SHIP IT!


PLENTI & M MONEY

MACYS.COM

MOBILE WEB: SIGNED-IN RECOMMENDED IA HIERARCHY









2.5.1 Total Savings



4.2 PayPal Checkout

5.0 Lists / PROS


0.0

1.0

2.0

3.0

5.0

4.0


6.0

product image


SIZE 32/34

PRICE $198.98

COLOR Navy Blue

QTY

- 1 +





product image


SIZE

32/34

PRICE $198.98

COLOR

Navy Blue

QTY - 1 +





ORDER SUMMARY


SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

PROMO: SUPERSUNDAY

ESTIMATED TAX

-$XX.XX

$XX.XX

TOTAL: $999.99


1-800-123-4567


sign-out

CHECKOUT




9,990

$15.00

LOYALTY POINTS

CHECKOUT


CHECKOUT


CHECKOUTCHECKOUT $109.88



CHECKOUTCHECKOUT

Search or enter web ID

SHOPPING BAG

99

order total (3 items): $XXX.XX

you’ve reached free shipping!

CHECKOUT

1 item available for pickup @Macy’s Corte MaderaPlace your order now & pickup tomorrow!

∟

Items shipped to you

Item title lives here& continues here

COLORBlue

SIZE32/36

PRICE$XXX.XX

QTY1


COLORBlue

PRICE$XXX.XX

QTY1

SIZE32/36

edit remove

Pick up in-store:


COLORBlue

SALE$XXX.XXREG. PRICE$XXX.XX

QTY1

SIZE32/36

edit removeedit remove

edit remove

∟Add your plenti # to earn pointson qualifying purchases

my walletsign-in to see the offers in your wallet!

∟

order subtotal

estimated shipping

estimated sales tax

$XX.XX

FREE$XX.XX


$XX.XX$XX.XX


type in promo code here apply

CHECKOUT


Bag ID: 1234-56789

∟Add your plenti # to earn pointson qualifying purchases

my walletsign-in to see the offers in your wallet!

∟

order subtotal

estimated shipping

estimated sales tax

$XX.XX

FREE$XX.XX


$XX.XX$XX.XX


type in promo code here apply


Bag ID: 1234-56789

CHECKOUT



MACYS.COM

WEB: GUEST RECOMMENDED IA HIERARCHY







2.0 Order Summary 2.1 Subtotal 2.2 Promo Code Box 2.3 Shipping Cost 2.4 Tax 2.5 Total

2.5.1 Total Savings

3.0 Loyalty (collapse/expand) 3.1 Plenti (link) + possible earned points 3.2 M Money (link) + earned rewards



4.2 PayPal Checkout

5.0 Lists / Pros


MACYS.COM


0.0

1.0

2.0

3.0

5.0

4.0

6.0

MACYS.COM


0.0

1.0

2.03.0

5.0

4.0

6.0


product image


SIZE 32/34

PRICE $198.98

COLOR Navy Blue

QTY - 1 +




product image


SIZE 32/34

PRICE $198.98

COLOR Navy Blue

QTY - 1 +




Search

Navigation3

Categories



CHECKOUT

product image


SIZE 32/34

PRICE $198.98

COLOR Navy Blue

QTY - 1 +


CHECKOUT




SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

PROMO: SUPERSUNDAY

ESTIMATED TAX

-$XX.XX

$XX.XX

TOTAL: YOU SAVE

$999.99 $XX.XX


Live Chat Hotline

CART ID 123456789


CHECKOUT


ORDER SUMMARY


BACK TO SHOPPING


SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

PROMO: SUPERSUNDAY

ESTIMATED TAX

-$XX.XX

$XX.XX

TOTAL: $999.99

CHECKOUT



9,990

$15.00

LOYALTY POINTS

ORDER SUMMARY



Live Chat Hotline

CART ID 123456789


BACK TO SHOPPING



MACYS.COM

WEB: SIGNED-IN RECOMMENDED IA HIERARCHY







2.0 Order Summary 2.1 Subtotal 2.2 Promo Code Box

2.2.1 Promo’s qualified for bag items 2.3 Shipping Cost 2.4 Tax 2.5 Total

2.5.1 Total Savings

3.0 Loyalty Earned 3.1 Plenti Points Earned 3.2 M Money Earned



4.2 PayPal Checkout

5.0 Lists / Pros




product image


SIZE 32/34

PRICE $198.98

COLOR Navy Blue

QTY - 1 +


CHECKOUT



APPLY

SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

ESTIMATED TAX $XX.XX

TOTAL: $999.99

CHECKOUT




9,990

$15.00

LOYALTY POINTS

ORDER SUMMARY

this promo is not recognized

this promo has expired

contents in your bag do not apply with

this promo

CSS TOOL TIP (CSG)

SUPERSALE REMOVE

ORDER SUMMARY

ABOVE INPUT (CSG)

i

SUPERSALE REMOVE

SUBTOTAL

ESTIMATED SHIPPING

ESTIMATED TAX

$XXX.XX

$XX.XX

$XX.XX

TOTAL you saved

$999.99 $xx.xx

ORDER SUMMARY

Items in your bag no longer qualify for this promotionItems in your bag no longer qualify for this promotion

SUBTOTAL

ESTIMATED SHIPPING

ESTIMATED TAX

$XXX.XX

$XX.XX

$XX.XX

TOTAL you saved

$999.99 $xx.xx

SUPERSALE REMOVE

i

SUPERSALE REMOVE

Items in your bag no longer qualify for this promotion Items in your bag no longer qualify for this promotion

LEGACY BAG

LEANBAG CHANGES

SUPERSALE REMOVE

i

SUPERSALE REMOVE

Items in your bag no longer qualify for this promotion Items in your bag no longer qualify for this promotion



product image


SIZE 32/34

PRICE $198.98

COLOR Navy Blue

QTY - 1 +


CHECKOUT



APPLYuse one promo code per order

SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

PROMO: SUPERSUNDAY

ESTIMATED TAX

-$XX.XX

$XX.XX

TOTAL: $999.99

CHECKOUT




9,990

$15.00

LOYALTY POINTS

ORDER SUMMARY


SUBTOTAL

ESTIMATED SHIPPING

$XXX.XX

$XX.XX

PROMO: SUPERSUNDAY

ESTIMATED TAX

-$XX.XX

$XX.XX

TOTAL: $999.99

CHECKOUT



9,990

$15.00

LOYALTY POINTS

ORDER SUMMARY



Live Chat Hotline

CART ID 123456789


BACK TO SHOPPING


2 items

$999.99

CHECKOUT $XXX.XX


order subtotal estimated shipping estimated sales tax

total you saved

$XX.XX FREE

$XX.XX

$999.99 $99.99

enter your promo code here APPLY


edit | remove

edit | remove

http://macys.com


2 items

$999.99

CHECKOUT $XXX.XX



PROMO 25% OFF order subtotal estimated shipping estimated sales tax

total you saved

$XX.XX $XX.XX

FREE $XX.XX

$999.99 $99.99

PROMO25 remove

edit | remove

edit | remove


http://macys.com

leanbag 03232016

Design