Top Banner
Online Persuasions Insiders 2016 How does NET-A-PORTER optimise its conversions ? Benjamin Ligier CRO Project Manager
45

[NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Apr 16, 2017

Download

Marketing

Convertize
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Online Persuasions Insiders 2016

How does NET-A-PORTERoptimise its conversions ?

Benjamin LigierCRO Project Manager

Page 2: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

An analysis of NET-A-PORTER’S conversion funnel

I reveal what’s working, what’s not working quite so well, and propose some changes to help increase the site’s revenue…

9 neuroscience ✔principles applied 18 mistakes ✘

to correct 5 proposalsfor improvement

Page 3: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

The summer sales have started and my girlfriend casually mentioned a black swimming costume she liked that was on sale on Net-à-Porter so I decided to take a look and maybe treat her to it.

As a Conversion Optimisation Consultant I can’t help but take note of the site’s good points - but also the areas that could use some improvement.

Join me on my user journey and discover some of the most relevant neuroscience principles I found that apply to their site.

The context

Page 4: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

My journey in 8 steps

2 31

Home Category Product

6 7 85

Sign-in ShippingShipping address Payment

4

Basket

Page 5: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Home

Home Category Product

Sign-in ShippingShipping address Payment

Basket

Page 6: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Home

The ‘Sale’ tab is clearly distinguished from the rest of the page by its red colour.

Von Restorff Effect ✔

Page 7: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Home

However, when I click on ‘Sale’, I arrive on this difficult-to-navigate and not very appealing page.

Picture Superiority Effect ✘

Page 8: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Home

Picture Superiority ✔Proposalfor improvement

It would be clearer and more appealing if the categories within the Sale were displayed using thumbnails, and the full list could still be shown to the left as well.

Page 9: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Home

The drop menus are also quite busy and not very clear. The hierarchy isn’t very obvious: if the sub-categories are displaying to the left then what is the central column for?

Cognitive Ease ✘Home

Page 10: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Home

Further down on the Homepage this insert seems to be referring to a magazine article rather than to specific products. The whole left-hand column seems to correspond to extracts from their magazine but it isn’t that clear.

Ambiguity Effect ✘Home

Page 11: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Home

What’s more, on the page itself, the link towards related products is far too discreet! They should have a real Call to Action.

Von Restorff Effect ✘

Page 12: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Home

Von Restorff ✔

Proposalfor improvement

The link is changed to a more obvious Call to Action with the text much clearer. It could also be a good idea to suggest specific related products straight away on the same page.

SHOP PANTS

Page 13: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Home

Displaying their number of online visitors and the products that are being added to baskets across the globe provides a very strong reassurance element for potential customers.

Social Default Bias ✔Home

Page 14: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Home

Home

I finally end up heading to the ‘swimwear’ category at the top of the page like I originally came to do.

Page 15: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Category

Home Category Product

Sign-in Payment

Basket

ShippingShipping address

Page 16: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Category

There is a lack of hierarchy with the options. It’s easy to get a little lost when searching.

Processing Fluency ✘

Page 17: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Category

Why display these as two separate pieces if it is indeed impossible to buy them separately?

Ambiguity Effect ✘

Page 18: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Category

When you hover over the product with your mouse, a photo of the swimsuit in context (on a model) is shown.Visual Depiction Effect ✔

Page 19: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Product

Home Category Product

Sign-in Payment

Basket

ShippingShipping address

Page 20: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Product

There are multiple photos as well as a video shown on the product page.

Picture Superiority Effect ✔

Page 21: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Product

Certain sizes are shown as being low in stock. This will encourage visitors to order quickly.

Scarcity Effect ✔

Page 22: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Product

The national sizing guide system is used but there is also an international guide available if required.

Curse of Knowledge ✔

Page 23: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Product

When you add the product to your basket, a window opens to show what’s in there and to give an option to go directly to checkout - but it disappears far too quickly (3 secs)!

Processing Fluency ✘

Page 24: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Basket

Home Category Product

Sign-in Payment

Basket

ShippingShipping address

Page 25: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Basket

I would like to know more - a pop-up box option would be helpful here.

Also, rather than an arbitrary £5 delivery amount displayed, it would be better to display nothing for now.

Need for Certainty ✘

Page 26: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Basket

CLIENTS WHO BOUGHT THIS ALSO BOUGHT

Bandwagon Effect ✔Proposalfor improvement ‘Clients who bought this also

bought’ is a more persuasive statement than ‘you may also like’, which is currently written here. The behaviour of others acts as a sort of reassurance, which is a lot more effective.

Page 27: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Basket

I decided to also get the sunglasses to take advantage of the free delivery (which I see from this banner at the top will be offered for purchases over £350).However, I’m still seeing that same £5 delivery charge displayed. It’s confusing and disconcerting.

Ambiguity Aversion ✘

Page 28: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Sign In

Home Category Product

Sign In Payment

Basket

ShippingShipping address

Page 29: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Sign In

The menu is no longer visible and there are no more ads etc: the user is free from any distraction.

Attention Ratio ✔

Page 30: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Sign In

There is the option to checkout as a guest.

Autonomy Bias ✔

Page 31: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Shipping Address

Home Category Product

Sign-in Payment

Basket

ShippingShipping address

Page 32: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Shipping Address

a3

_/)))s

I chose the “guest checkout” option and so must enter my info. But there is no interactive verification - even though I’m writing nonsense!

Self-Efficacy ✘

Page 33: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Shipping Address

I ticked the box to enter a separate billing address but nothing comes up to allow me to do this!

Ambiguity Aversion ✘

Page 34: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Shipping Address

Ambiguity Aversion ✔The form has been separated into two sections, so as to make it clearer and less daunting for the user.

When you click on the option to add a different billing address, a new form immediately comes up.

Proposalfor improvement

Page 35: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Shipping

Home Category Product

Sign-in Payment

Basket

ShippingShipping address

Page 36: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Shipping

As promised, the shipping is free. By still showing the original price though, in grey and crossed out, it is anchoring this original charge in the user’s mind, which will draw their attention to the saving and reduce the pain of paying.

Anchoring Effect ✔

Page 37: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Payment

Home Category Product

Sign-in Payment

Basket

ShippingShipping address

Page 38: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Payment

It’s only at this later stage when I thought I was done with entering those kinds of details that I now have to enter the billing address.

Processing Fluency ✘

Page 39: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Payment

I can’t go back in the process by clicking on the progress bar.

Autonomy Bias ✘

Payment

Page 40: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Payment

When I clicked on ‘Change shipping address’ I arrived instead at this overall “review” page and have to click on yet another button to actually get to the page where I can change the address.

Ambiguity Effect ✘

Payment

Page 41: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Payment

Cognitive Ease ✔

This page lacked structure. To improve its readability whilst still keeping a sleek design, boxes and separating lines have been added. The modification options have been made more discreet.

Proposal

>> Change billing address >> Change shipping address

>> Change shipping method >> Change packaging

Page 42: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Payment

Payment

All the major payment methods are clearly available!

Autonomy Bias ✔

Page 43: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Basket Abandonment Email

Basket Abandonment

Email

Home Category Product

Sign-in Payment

Basket

ShippingShipping address

Page 44: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Basket Abandonment Email

I didn’t confirm my order in the end. The next day I receive an email asking me if I want to continue with this order but when I click on “Shop Now”, I arrive at an empty basket!

Self Efficacy ✘

Page 45: [NET-A-PORTER] 9 Persuasive Principle Used by NET-A-PORTER to Boost their Conversions

Benjamin LigierCRO Project Manager

Thank you for reading!I imagine you’re now thinking

one of these 3 things:

Or subscribe to our newsletter >

Contact us ✔to optimise your revenue

1 2 3“Thanks, I know how

to optimise my website.”

In this case: Click here to discover 5 cognitive biases you

might not know about.

“I need an expert to optimise my

website.”

“I don’t have time to think about this.”

Sounds like you’re suffering from the “Status Quo Bias” -

read more here.