fashion e-commerce - conversion versus branding? (sxsw 2014 talk by pieter jongerius)

Post on 17-Aug-2014

7.221 Views

Category:

Design

21 Downloads

Preview:

Click to see full reader

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 has brought together the worlds of fashion, touchpoint strategy and e-commerce design. It contains a very concrete approach to obtaining success in fashion e-commerce, illustrated with recent best practices.

TRANSCRIPT

1

- Pieter Jongerius -

FASHION E-COMMERCE CONVERSION VS. BRANDING?

Survival of the fittest

2 @PIETERJ / #BRANDCONV

3 @PIETERJ / #BRANDCONV

4 @PIETERJ / #BRANDCONV Pieter Jongerius et al. Pieter Jongerius et al.

5 @PIETERJ / #BRANDCONV

Conversion and branding go hand in hand

Our challenge Conversion Branding

Model Three areas of interest

6 @PIETERJ / #BRANDCONV

Brand driven design

@PIETERJ / #BRANDCONV 7

11 @PIETERJ / #BRANDCONV

17 @PIETERJ / #BRANDCONV

18 @PIETERJ / #BRANDCONV

19 @PIETERJ / #BRANDCONV

BRANDING VS. CONVERSION?

21 @PIETERJ / #BRANDCONV

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

22 @PIETERJ / #BRANDCONV

It’s getting worse:

23 @PIETERJ / #BRANDCONV

24 @PIETERJ / #BRANDCONV

25 @PIETERJ / #BRANDCONV

26 @PIETERJ / #BRANDCONV

29 @PIETERJ / #BRANDCONV

30 @PIETERJ / #BRANDCONV

31 @PIETERJ / #BRANDCONV

32 @PIETERJ / #BRANDCONV

1 second delay in page response

7% cut in conversions

11% decline in page views

16% deduction in customer satisfaction

33 @PIETERJ / #BRANDCONV

Conversion is king.

ON CONVERSION The king, disected.

34 @PIETERJ / #BRANDCONV

35 @PIETERJ / #BRANDCONV

Conversion is koning. …branding!

36 @PIETERJ / #BRANDCONV

@PIETERJ / #BRANDCONV 37

38 @PIETERJ / #BRANDCONV

Conversion is convention.

…boring?

39 @PIETERJ / #BRANDCONV

40 @PIETERJ / #BRANDCONV

41 @PIETERJ / #BRANDCONV

?

How do our minds work?

@PIETERJ / #BRANDCONV 42

FAIL

CONVERSION

SOURCE: BJ FOGG BEHAVIORMODEL.ORG (SIMPIFIED)

43 @PIETERJ / #BRANDCONV

USER ABILITY

MO

TIV

AT

ION

WIN M

OT

IVA

TIO

N

USABILITY boring but important

fun!

44 @PIETERJ / #BRANDCONV

Branding is creating difference

…not boring!

46 @PIETERJ / #BRANDCONV

Conversion may be king … … but branding is everything!

ON BRANDING What is a brand anyway?

47 @PIETERJ / #BRANDCONV

48 @PIETERJ / #BRANDCONV

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

advertising

shoes

competitive

Davids

football dynamics

Kluivert

Adidas

NL elftal

agressive competition

USA multinational

profit P&G

production

NO logo

Agassi

tennis

@PIETERJ / #BRANDCONV 49

Birkigt & Stadler

@PIETERJ / #BRANDCONV 50

appearance

communication

behavior

brand

Birkigt&Stadler, 1986

@PIETERJ / #BRANDCONV 51

appearance

communication

behavior

?

Birkigt&Stadler, 1986

Outside > in

@PIETERJ / #BRANDCONV 52

appearance

communication

behavior

brand personality

Birkigt&Stadler, 1986

@PIETERJ / #BRANDCONV 53

PERSONALITY INSPIRES

54 @PIETERJ / #BRANDCONV

appearance

communication

behavior

brand personality

Birkigt&Stadler, 1986

Inside > out

@PIETERJ / #BRANDCONV 55

57 @PIETERJ / #BRANDCONV

- Pieter Jongerius-

COSTES BRAND STORY History & inspiration

58

B O R N I N P A R I S , I N S P I R E D B Y T H E W O R L D

60 @PIETERJ / #BRANDCONV

Back to our challenge.

61 @PIETERJ / #BRANDCONV

?

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

@PIETERJ / #BRANDCONV 62

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

@PIETERJ / #BRANDCONV 63

?

appearance

communication

behavior

brand personality

@PIETERJ / #BRANDCONV 64

65 @PIETERJ / #BRANDCONV

Story telling

66 @PIETERJ / #BRANDCONV

67 @PIETERJ / #BRANDCONV

68 @PIETERJ / #BRANDCONV

69 @PIETERJ / #BRANDCONV

70 @PIETERJ / #BRANDCONV

Persuasive design

71 @PIETERJ / #BRANDCONV

72 @PIETERJ / #BRANDCONV

scarcity

73 @PIETERJ / #BRANDCONV

74 @PIETERJ / #BRANDCONV

Tone of voice & copy

75 @PIETERJ / #BRANDCONV

76 @PIETERJ / #BRANDCONV

77 @PIETERJ / #BRANDCONV

Shoedazzle Brand!t

? appearance

communication

behavior

brand personality

@PIETERJ / #BRANDCONV 78

79 @PIETERJ / #BRANDCONV

Only dead fish go with the flow.

BRANDING BY ADDING VALUE

Commerce Advice

Relation Community

Emotion

80 @PIETERJ / #BRANDCONV

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

81 @PIETERJ / #BRANDCONV

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

82 @PIETERJ / #BRANDCONV

83 @PIETERJ / #BRANDCONV

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

84 @PIETERJ / #BRANDCONV

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

85 @PIETERJ / #BRANDCONV

fitsme.com

86 @PIETERJ / #BRANDCONV

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

87 @PIETERJ / #BRANDCONV

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

88 @PIETERJ / #BRANDCONV

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

89 @PIETERJ / #BRANDCONV

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

90 @PIETERJ / #BRANDCONV

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

91 @PIETERJ / #BRANDCONV

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

92 @PIETERJ / #BRANDCONV

93 @PIETERJ / #BRANDCONV

94 @PIETERJ / #BRANDCONV

95 @PIETERJ / #BRANDCONV

Co-creation. Participative design.

The brand and audience that make together, stay together.

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

96 @PIETERJ / #BRANDCONV

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

97 @PIETERJ / #BRANDCONV

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

98 @PIETERJ / #BRANDCONV

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

99 @PIETERJ / #BRANDCONV

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

100 @PIETERJ / #BRANDCONV

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

101 @PIETERJ / #BRANDCONV

A TASTE OF RUNWAY.COM

102 @PIETERJ / #BRANDCONV

Cream of pumpkin and nuts Fendi SS 2014

A TASTE OF RUNWAY.COM

103 @PIETERJ / #BRANDCONV

Tartar of vegetables, apples and salmon Franklin and Marshall SS 2014

BRANDING BY ADDING VALUE

Commerce Advice

Relation Community

Emotion

104 @PIETERJ / #BRANDCONV

? appearance

communication

behavior

brand personality

@PIETERJ / #BRANDCONV 105

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.

106 @PIETERJ / #BRANDCONV

107 @PIETERJ / #BRANDCONV

108 @PIETERJ / #BRANDCONV

Some examples from our work

109 @PIETERJ / #BRANDCONV

110 @PIETERJ / #BRANDCONV

111 @PIETERJ / #BRANDCONV

112 @PIETERJ / #BRANDCONV

113 @PIETERJ / #BRANDCONV

@PIETERJ / #BRANDCONV 115

independent, daring,

down-to-earth

@PIETERJ / #BRANDCONV 117

119 @PIETERJ / #BRANDCONV

121 @PIETERJ / #BRANDCONV

@PIETERJ / #BRANDCONV 122

web

web

123 @PIETERJ / #BRANDCONV

124 @PIETERJ / #BRANDCONV

125 @PIETERJ / #BRANDCONV

126 @PIETERJ / #BRANDCONV

127 @PIETERJ / #BRANDCONV

128 @PIETERJ / #BRANDCONV

129 @PIETERJ / #BRANDCONV

Overboard?

130 @PIETERJ / #BRANDCONV

131 @PIETERJ / #BRANDCONV

132 @PIETERJ / #BRANDCONV

133 @PIETERJ / #BRANDCONV

134 @PIETERJ / #BRANDCONV

135 @PIETERJ / #BRANDCONV

136 @PIETERJ / #BRANDCONV

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.

✓ appearance

communication

behavior

brand personality

✓ @PIETERJ / #BRANDCONV 138

:) appearance

communication

behavior

brand personality

@PIETERJ / #BRANDCONV 139

140 @PIETERJ / #BRANDCONV

The classic dilemma

141 @PIETERJ / #BRANDCONV

142 @PIETERJ / #BRANDCONV

143 @PIETERJ / #BRANDCONV

144 @PIETERJ / #BRANDCONV

A/B tests. which test won.com

145 @PIETERJ / #BRANDCONV

And what about…

146 @PIETERJ / #BRANDCONV

147 @PIETERJ / #BRANDCONV

Video is just for fans

20% / +20% basket size

“Inspiration”

@PIETERJ / #BRANDCONV 151

SO…

152 @PIETERJ / #BRANDCONV

✓ appearance

communication

behavior

brand personality

✓ @PIETERJ / #BRANDCONV 153

DARE TO DIFFER UNDERSTAND TONE OF VOICE INNOVATE

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

TEXT TO GO WITH THE PREVIOUS ·  Yes, there are a lot of constraints in fashion e-commerce. ·  But it is definitely worth it to try and really convey your personality.

·  The real fashion victim forgets how to be different. ·  Understand your brand. Find your core personality by looking outside-in or create it

from inside-out ·  Determine your tone of voice. What are you going say differently than your competitors? ·  Innovate or die. Only dead fish go with the flow. Expand your added value. There is so

much user experience (and thus branding) to be achieved there that lies untapped. ·  Be a chameleon and choose your color. Create your own unique visual DNA. ·  Understand not only the power, but also the limitations of inspirational content. ·  Choose your balance between making a hard sell and easing up. Metrics and AB testing

will help you decide. So no matter what you’ll choose to prioritize: experiment! ·  Remember, your survival is at stake and the rewards may be high.

155 @PIETERJ / #BRANDCONV

@PIETERJ / #BRANDCONV 156

157 @PIETERJ / #BRANDCONV all content copyright of their respective owners

Pieter Jongerius

@pieterj

brands, design & interaction

top related