+ All Categories
Home > Design > Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

Date post: 20-Sep-2014
Category:
View: 555 times
Download: 4 times
Share this document with a friend
Description:
In fashion, perhaps more than anywhere else, branding is everything. Many fashion brands have spent decades building up a unique but delicate brand image: they often rely on staying enigmatic, using aspirational photography and inspired physical stores to differentiate. In an increasingly online world, this imposes a problem. Success in e-commerce is determined by laws of conversion, use of conventions and by enabling choice. Not by exceeding expectations and offering serendipity. This is why all profitable online fashion stores look more and more the same. In this talk, Pieter Jongerius will bring together the worlds of fashion, touchpoint strategy and e-commerce design. After this talk, you will have learnt a very concrete approach to obtaining success in fashion e-commerce, illustrated with recent best practices.
Popular Tags:
160
1 - Pieter Jongerius - FASHION E-COMMERCE CONVERSION VS. BRANDING? Survival of the fittest
Transcript
Page 1: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

1

- Pieter Jongerius -

FASHION E-COMMERCE CONVERSION VS. BRANDING?

Survival of the fittest

Page 2: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

2 @PIETERJ / #BRANDCONF

In fashion, perhaps more than anywhere else, branding is everything.

Many fashion brands have spent decades building up a unique but delicate brand image: they often rely on staying enigmatic, using aspirational photography and

inspired physical stores to differentiate.

In an increasingly online world, this imposes a problem. Success in e-commerce is determined by laws of conversion, use of conventions and by enabling choice. Not

by exceeding expectations and offering serendipity. This is why all profitable online fashion stores look more and more the same.

In this talk, Pieter Jongerius will bring together the worlds of fashion,

touchpoint strategy and e-commerce design. After this talk, you will have learnt a very concrete approach to obtaining success in fashion e-commerce, illustrated

with recent best practices.

Page 3: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

3 @PIETERJ / #BRANDCONF

Conversion and branding go hand in hand

Our challenge Conversion Branding

Model Three areas of interest

Page 4: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

4 @PIETERJ / #BRANDCONF

At Fabrique, we specialize in Brand driven design

Page 5: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

@PIETERJ / #BRANDCONF 5

I often compare the challenge that our clients have with that of birds of paradise. They have to comply to a lot of things, like having wings and little legs.

But they also have the need to find ways to stand out and create a difference between themselves and their competitors

Page 6: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

In Fashion, as in many industries, our main way of creating a difference is through our products.

Page 7: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

But as soon as we start communicating, we all use the same visual language. And that’s a language that Coco Chanel has introduced in 1924

Page 8: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

…and that they’re still continuing.

Page 9: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

9 @PIETERJ / #BRANDCONF

And they’re not the only one.

Page 10: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

Big photo, small logo

Page 11: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

Big photo, small logo

Page 12: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

So for H&M, its relatively simple to associate themselves with higher-end fashion brands by doing the same.

Page 13: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

Even Diesel, who recently tried a significantly different style,

Page 14: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

…are conforming in more recent work again to the format: Big photo, small logo Is that me-too behavior? Or really the best way to convey emotion and attitude?

Page 15: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

15 @PIETERJ / #BRANDCONF

Even net-a-porter know that they have to use a lot of room as soon as they enter the physical realm.

Page 16: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

16 @PIETERJ / #BRANDCONF

…as they do in Porter, their magazine.

Page 17: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

17 @PIETERJ / #BRANDCONF

…but not online. Why?

Page 18: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING VS. CONVERSION?

if you look at this, it comes as no surprise that especially in Fashion ecommerce, this paradox emerges:

Page 19: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

19 @PIETERJ / #BRANDCONF

Increasingly, patterns SEEM to be the enemy of creativity and innovation

Page 20: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

20 @PIETERJ / #BRANDCONF

It’s getting worse:

Page 21: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

21 @PIETERJ / #BRANDCONF

2009: bold statement.

Page 22: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

22 @PIETERJ / #BRANDCONF

2014: nice white website.

Page 23: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

23 @PIETERJ / #BRANDCONF

2009: Clean and unique

Page 24: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

24 @PIETERJ / #BRANDCONF

2014: nice white website.

Page 25: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

Lands’ end 2009: Wonderful shopping and exploration island, with nice and big photography

Page 26: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

Lands’ end 2009: Wonderful shopping and exploration island, with nice and big photography

Page 27: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

27 @PIETERJ / #BRANDCONF

2014: nice white website.

Page 28: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

28 @PIETERJ / #BRANDCONF

2014: nice white website.

Page 29: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

29 @PIETERJ / #BRANDCONF

And why? We can finally measure the rude and impatient behaviour of our customers.

Page 30: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

30 @PIETERJ / #BRANDCONF

1 second delay in page response

7% cut in conversions

11% decline in page views

16% deduction in customer satisfaction

Page 31: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

31 @PIETERJ / #BRANDCONF

Conversion is king.

So you will have to come to the conclusion:

Page 32: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

ON CONVERSION The king, disected.

32 @PIETERJ / #BRANDCONF

Page 33: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

33 @PIETERJ / #BRANDCONF

Conversion is koning. …branding!

We have to acknowledge the fact that conversion is also branding. Evidently, someone is had a good enough user experience to actually buy something.

However: our goal is to improve conversion AND create a difference.

Page 34: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

34 @PIETERJ / #BRANDCONF

Consider this car, and how we always complain that all cars increasingly look the same. Causes for this are the forces of nature, Wind, gravity, but also legislation. In our case: brain capacity. Creating overview, estimation of goal achievement,

etc. …And there’s another reason.

Page 35: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

35

Convention.

Even though you’ve probably never driven this exact type of car, because of convention you probably will be able to.

Page 36: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

36 @PIETERJ / #BRANDCONF

Conversion is convention.

…boring?

Page 37: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

37 @PIETERJ / #BRANDCONF

Back to the first car. Who knows what type of car this is? How did you see? Yes, the tail light. THAT is the place where the car designers found room to differentiate.

Page 38: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

38 @PIETERJ / #BRANDCONF

Page 39: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

39 @PIETERJ / #BRANDCONF

? So if birds and cars have found their places of freedom as well as their constraints,

how does that work with fashion web shops? And we’ll go into that.

Page 40: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

How do our minds work?

@PIETERJ / #BRANDCONF 40

Page 41: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

FAIL

CONVERSION

SOURCE: BJ FOGG BEHAVIORMODEL.ORG (SIMPIFIED)

41 @PIETERJ / #BRANDCONF

USER ABILITY

MO

TIV

AT

ION

WIN M

OT

IVA

TIO

N

USABILITY boring but important

fun!

Suppose above the orange line is a win, so the

customer buys. Below the line we fail, the

customer doesn't buy.

Conversion is achieved by increasing ability (or usability). Boring but important. It leads to

convention, as we’ve seen. But conversion is also

increased by increasing motivation. And that’s much

more fun! Because increasing motivation

requires innovation and doing something different.

Page 42: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

42 @PIETERJ / #BRANDCONF

Branding is creating difference

…not boring!

Page 43: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

Brands elicit passion if built up right. Brands are essential in many industries, fashion before most :)

Page 44: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

44 @PIETERJ / #BRANDCONF

Conversion may be king … … but branding is everything!

Page 45: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

ON BRANDING What is a brand anyway?

45 @PIETERJ / #BRANDCONF

Page 46: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

46 @PIETERJ / #BRANDCONF

A brand is a network of associations in people’s heads

Page 47: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

advertising

shoes

competitive

Davids

football dynamics

Kluivert

Adidas

NL elftal

agressive competition

USA multinational

profit P&G

production

NO logo

Agassi

tennis

Looks messy? It is! But for your brain that’s no problem. It adds all stimuli to create one brand image.

Page 48: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

Birkigt & Stadler

Let me introduce to you a very simple model by B&S that we use almost every day.

Page 49: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

appearance

communication

behavior

brand

Birkigt&Stadler, 1986

Every brand reaches the market through three dimensions: communication, appearance and behavior (look up their publications for more detail)

Page 50: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

appearance

communication

behavior

?

Outside > in

When looking outside> in, you can describe a brand by what it does, looks like and says in the market.

Page 51: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

appearance

communication

behavior

brand personality

At every brand’s core: personality. This may be a real personality, such as Paul Gaultier, Karl Lagerfeld or Anna Wintour.

Or it may be more abstract, such as Diesel or Nike.

Page 52: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

52 @PIETERJ / #BRANDCONF

So, how to begin…

Page 53: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

PERSONALITY INSPIRES

53 @PIETERJ / #BRANDCONF

Page 54: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

appearance

communication

behavior

brand personality

Inside > out

You really have to understand who this brand is. And, again, it’s great to actually have a human personality at the center of this.

Page 55: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

55 @PIETERJ / #BRANDCONF https://www.youtube.com/watch?v=ZOnMSLSNmWY

Page 56: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

56 @PIETERJ / #BRANDCONF

Aaker (1987) has created a map of personality characteristics. With these, we might describe Karl as being original yet sentimental, cool yet imaginative, intelligent yet charming.

Page 57: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

57 @PIETERJ / #BRANDCONF

Personality inspires!

Page 58: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

58 @PIETERJ / #BRANDCONF

Back to our challenge.

Page 59: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

59 @PIETERJ / #BRANDCONF

? How do we create difference?

We’re already narrowing down and we’ve seen the three areas we can work on:

Page 60: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

appearance

product information trust & reassurance

SEO

UI patterns grids

product photography

web-safe fonts the “fold”

devices

communication

behavior

brand personality

assortment price & promotions conditions

mobile e-mail facebook

new arrivals mail & social

sale

We still have all these constraints that are so common to ecommerce.

Page 61: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

appearance

product information trust & reassurance

SEO

UI patterns grids

product photography

web-safe fonts the “fold”

devices

communication

behavior

brand personality

assortment price & promotions conditions

mobile e-mail facebook

new arrivals mail & social

sale

But there is room beyond all of these!! We’ll now go through these three dimensions, one by one.

Page 62: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

?

appearance

communication

behavior

brand personality

@PIETERJ / #BRANDCONF 62

Page 63: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

63 @PIETERJ / #BRANDCONF

Story telling

Page 64: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

64 @PIETERJ / #BRANDCONF

Rapha, a Dutch sports wear brand, tells stories accompanying many of their products. By doing this in a relevant way, they create added value.

Page 65: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

65 @PIETERJ / #BRANDCONF

Nike has traditionally focused on telling stories around new collections.

Page 66: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

66 @PIETERJ / #BRANDCONF

…but the shop is never far away. in both cases, users can also shop without having to take in the story content

Page 67: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

67 @PIETERJ / #BRANDCONF

Persuasive design

Page 68: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

68 @PIETERJ / #BRANDCONF

A nice concept by three-fifty

Page 69: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

69 @PIETERJ / #BRANDCONF

scarcity

Notice the SOLD signs? They communicate scarcity.

Page 70: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

70 @PIETERJ / #BRANDCONF

However, use with care: now I’m thinking all the good ones have gone!

Page 71: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

71 @PIETERJ / #BRANDCONF

Tone of voice & copy

Page 72: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

72 @PIETERJ / #BRANDCONF

This is the e-shop of Pharell Williams

Page 73: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

73 @PIETERJ / #BRANDCONF

Look what happens when I add something to the basket :))

Page 74: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

74 @PIETERJ / #BRANDCONF

Shoedazzle Brand!t

Here the UK startup Brandit tries to learn what is your level of income, in quite an original way!

Page 75: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

? appearance

communication

behavior

brand personality

Behavior is the most exciting one by far, Because it’s all about innovation.

Page 76: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

76 @PIETERJ / #BRANDCONF

Only dead fish go with the flow.

Innovate or die.

Page 77: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE

Commerce Advice

Relation Community

Emotion

77 @PIETERJ / #BRANDCONF

These areas we defined together with a large Dutch retailer. We’ll briefly go through them.

Page 78: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

78 @PIETERJ / #BRANDCONF

Page 79: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

79 @PIETERJ / #BRANDCONF

What you sell determines not only your business but also many other

factors, such as how you look.

Page 80: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

80 @PIETERJ / #BRANDCONF

Use the properties of your collection to create something unique, Greats

Brand shoes do that.

Page 81: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

81 @PIETERJ / #BRANDCONF

Selling just one product? You have all freedom of the world :) This effect can be a reason to launch temporary candy shops (as I call them) for a limited collection

Page 82: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

82 @PIETERJ / #BRANDCONF

Page 83: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

83 @PIETERJ / #BRANDCONF

If you have a unique way or see a chance of providing advice, this is an excellent way to differentiate.

Page 84: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

84 @PIETERJ / #BRANDCONF

fitsme.com

Fitsme claim: each visit yielda around $10 in increased conversion

and diminished returns.

Page 85: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

85 @PIETERJ / #BRANDCONF

Also relatively conventional inspirational pages might be considered as being advice.

Page 86: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

86 @PIETERJ / #BRANDCONF

Page 87: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

87 @PIETERJ / #BRANDCONF

Again, the UK startup Brandit is a great example.

Page 88: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

88 @PIETERJ / #BRANDCONF

They have an on-boarding process called MALE

Page 89: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

89 @PIETERJ / #BRANDCONF

After registering, there is no shop. Just a chat engine in which you can

ask your question.

Page 90: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

90 @PIETERJ / #BRANDCONF

So, when waking in the city, your phone may buzz and your personal shopper might come back to you

with a suggestion!

Page 91: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

91 @PIETERJ / #BRANDCONF

A couple of years ago, we all thought the world would move into

profiling and customization Right now I see a movement towards human interaction

The cloakroom a nice example from Amsterdam.

Page 92: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

STRATEGY FOLLOWS BRAND · Commerce · Advice · Relation · Community · Emotion

92 @PIETERJ / #BRANDCONF

Page 93: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

STRATEGY FOLLOWS BRAND · Commerce · Advice · Relation · Community · Emotion

93 @PIETERJ / #BRANDCONF

All brands bring people together. The classic example of building a

community around your brand. They challenge their community to

design T-shirts. The community votes on the

designs, and the succesful designs get produced.

Page 94: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

94 @PIETERJ / #BRANDCONF

Besides having these unique and fun challenges…

Page 95: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

95 @PIETERJ / #BRANDCONF

…their shop actually conforms to the convention.

Page 96: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

96 @PIETERJ / #BRANDCONF

Co-creation. Participative design.

The brand and audience that make together, stay together.

Even if WE’re personally done with words like participative design and cocreation, this is still a large area of branding & conversion opportunity

Page 97: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

97 @PIETERJ / #BRANDCONF

Co-creation. Participative design.

The brand and audience that make together, stay together.

Page 98: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

Somewhat disappointing: 92% of retailers share social media

insight with their marketing department

53% with customer service 36% with product development

98 @PIETERJ / #BRANDCONF

Page 99: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

99 @PIETERJ / #BRANDCONF

Finally, as a brand, you might aim to elicit emotions and create

associations based on that.

Page 100: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

100 @PIETERJ / #BRANDCONF

Like Uniqlo. They have a strong history of lifestyle apps that

underline the brand

Page 101: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

101 @PIETERJ / #BRANDCONF

Such as the wakeup app, that actually wakes you up by singing

the weather for you

Page 102: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

102 @PIETERJ / #BRANDCONF

…the gorgeous calendar app…

Page 103: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

103 @PIETERJ / #BRANDCONF

…and currently, their Lifewear cooking app, pairing food with

music and fashion.

Page 104: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE · Commerce · Advice · Relation · Community · Emotion

104 @PIETERJ / #BRANDCONF

However, when using the app, the link to lifewear is not clear and kind

of hidden.

Page 105: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

BRANDING BY ADDING VALUE

Commerce Advice

Relation Community

Emotion

105 @PIETERJ / #BRANDCONF

Page 106: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

? appearance

communication

behavior

brand personality

Next: appearance This is where branding-oriented merchants and designers alike are skidding off the track by the dozens.

Page 107: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

DON’T MESS WITH… ·  Main navigation ·  Basket top-right ·  Scannable and

scrollable PLP ·  Filters left,

maybe top ·  Clean PDP layout ·  Size guides &

measurements ·  The “fold” ·  ..the buttons.

107 @PIETERJ / #BRANDCONF

Get creative? Watch out, dont mess with things like these.

May seem trivial but I see so many shops violating this!

Page 108: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

108 @PIETERJ / #BRANDCONF

it is however all about adopting your own color.

Page 109: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

109 @PIETERJ / #BRANDCONF

Some examples from our work

Page 110: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

110 @PIETERJ / #BRANDCONF

Designers Victor & Rolf, being a bit perky, decided to ignore all conventions and wanted us to create a round website. But then again, they’re not selling anything :)

Page 111: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

111 @PIETERJ / #BRANDCONF

Page 112: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

112 @PIETERJ / #BRANDCONF

Page 113: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

113 @PIETERJ / #BRANDCONF

Page 114: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

114 @PIETERJ / #BRANDCONF

Page 115: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

Dutch/European fashion retailer

Page 116: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

@PIETERJ / #BRANDCONF 116

When we were asked to create the design for their web store, all the briefing we got was: go visit our store. That’s what we want to see online.

Page 117: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

independent, daring,

down-to-earth

In a couple of workshops, we formalized their brand, with these core values

Page 118: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

This is the homepage. It was one of our earliest sketches and they wanted it quite badly, even though it went against all rules and conventions for a homepage. Actually it worked very well and had a very low bounce rate.

However after a year, we all got a bit tired of it, so now it’s been replaced anyway.

Page 119: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

Beyond that, our client wanted a bright shop that looked dark. Because it is urban myth that bright shops convert better than dark shops.

So we worked very hard with lighting…

Page 120: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

…on clothes…

Page 121: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

121 @PIETERJ / #BRANDCONF

…and on all elements.

Page 122: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

By combining an unusual look with conventional navigation, the shop turned out to be both daring & down to earth.

Page 123: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

123 @PIETERJ / #BRANDCONF

Supertrash: independent, engaging and feminine.

Page 124: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

124 @PIETERJ / #BRANDCONF

Men-at-Work: Rawness an craftmenship.

Page 125: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

125 @PIETERJ / #BRANDCONF

Coolcat. Young and rebellious. And, despite the dark background, quite well converting.

Page 126: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

126 @PIETERJ / #BRANDCONF

Mallett, London and NY based, one of the world foremost Antiques dealer. They performed a major market innovation: selling online.

Page 127: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

127 @PIETERJ / #BRANDCONF

Page 128: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

Mix of traditional values and the oppenness required by today’s ecommerce. In short, we had to create “a museum where you can buy things”.

Page 129: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

129 @PIETERJ / #BRANDCONF

Having done a lot of work in the area of heritage, this was a home match in more than one way

Page 130: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

@PIETERJ / #BRANDCONF 130

To underline accessablity, we designed the shop tablet first. Large scale controls, very little on the screen at a single time.

Page 131: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

131 @PIETERJ / #BRANDCONF

We even crafted a custom typeface to reflect tradition and innovation at the same time.

Page 132: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

This is about as far as we’d go in deviating from conventional interface patterns.

Page 133: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

133 @PIETERJ / #BRANDCONF

But… can you go overboard?

Page 134: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

134 @PIETERJ / #BRANDCONF

Absolutely. How much does this product cost? How do you select a size?

Page 135: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

135 @PIETERJ / #BRANDCONF

if you step out of the ordinary its very hard to get it right See this example by PME Legend

Contrast is very very low…

Page 136: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

136 @PIETERJ / #BRANDCONF

Even big brands like Calvin Klein have a hard time balancing branding and conversion.

Page 137: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

137 @PIETERJ / #BRANDCONF

This plethora of boxes is almost impossible to use. I’m pretty sure conversion for this site is quite low.

Page 138: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

138 @PIETERJ / #BRANDCONF

I’m sure you all know this pattern.

Page 139: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

139 @PIETERJ / #BRANDCONF

So why is this happening? Fakes are taking over. Because the logo is almost all they had.

Page 140: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

140 @PIETERJ / #BRANDCONF

Louis Vuitton goes logo free in China

“At the risk of shocking everyone, the [rate of] sales growth at Louis Vuitton is not a problem,”

said LVMH Chairman and CEO Bernard Arnault at a shareholders’ meeting, stating that slow growth was part of the company’s “deliberate strategy”

to become more exclusive.

Page 141: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

So they’re improving branding by removing their logo, think about it. What elements are you overusing that helped you in the past?

Page 142: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

✓ appearance

communication

behavior

brand personality

✓ @PIETERJ / #BRANDCONF 142

Page 143: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

:) appearance

communication

behavior

brand personality

@PIETERJ / #BRANDCONF 143

Page 144: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

144 @PIETERJ / #BRANDCONF

The classic dilemma, at an interface level

Page 145: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

145 @PIETERJ / #BRANDCONF

So what if you know a four-column list page will convert better, but you think 3 colums look better?

Page 146: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

146 @PIETERJ / #BRANDCONF

What if your designer comes up with an innovative way to turn products, but you fear that some customers will not understand?

Page 147: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

147 @PIETERJ / #BRANDCONF

A/B tests. which test won.com

What if you know conversion will increase if you show a mailing list lightbox, but you really hate them

yourself? Then you do AB tests! Most ecommerce managers report that they’re not doing

them, or not enough. Go, people!

Page 148: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

148 @PIETERJ / #BRANDCONF

And what about…

Page 149: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

149 @PIETERJ / #BRANDCONF

Nice brand videos? Sensational productions! Yes..

Page 150: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

150 @PIETERJ / #BRANDCONF

Video is just for fans Research that the Dutch research agency Netmarketing did shows:

Only fans will enjoy them. As long as they’re placed outside of the essential click paths, they won’t hurt other users. Until now, we could measure no positive effect on conversion, but it may be there for fans.

Page 151: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

And what about lookbooks?

Page 152: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

and other traditional “branding” and “inspirational” content?

Page 153: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

20% / +20% “Inspiration”

@PIETERJ / #BRANDCONF 153

Sadly, evidence shows that only 1 out of 5 people are actually interested in them…

Page 154: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

20% / +20% basket size

“Inspiration”

@PIETERJ / #BRANDCONF 154

However, after looking at it, they spend 20% more! That’s actually great news :)

Page 155: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

SO…

155 @PIETERJ / #BRANDCONF

Page 156: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

✓ appearance

communication

behavior

brand personality

✓ @PIETERJ / #BRANDCONF 156

Page 157: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

DARE TO DIFFER UNDERSTAND TONE OF VOICE INNOVATE

LOOK DIFFERENT INSPIRE (A BIT) NO DILEMMAS SURVIVE & THRIVE

To sum it up, these are the 8 things you need to know and do to become succesful AND be different online.

Page 158: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

@PIETERJ / #BRANDCONF 158

I hope this talk will help you find the competitive edge that really fits YOU.

Page 159: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

159 @PIETERJ / #BRANDCONF all content copyright of their respective owners

brands, design & interaction

We are investing in international business. Don’t hesitate to contact us.

Pieter Jongerius @pieterj

Page 160: Fashion E-commerce - Branding vs. Conversion (SXSW14 talk)

160 @PIETERJ / #BRANDCONF

Pieter Jongerius is a partner at the Dutch design agency Fabrique.

Originally an Industrial Design Engineer, he specialized in web design as early as 1996, with a special interest in interaction, strategy and methodology.

Fabrique specializes in strategic design for cross channel B2C communications and employs around 100 people.

In recent years Pieter has specialized in retail & e-commerce and has done

award winning work for national and international companies such as Heineken, Sony Music, SuperTrash, Hunkemöller, The Sting and more.

Pieter is main author of the book "Get Agile! Scrum for UX and Development" and has been a pioneer of using Scrum in design and development projects since

2008.


Recommended