Pieter Jongerius - Fabrique - eFashion2014

157
1 - Pieter Jongerius - FASHION E-COMMERCE CONVERSION VS. BRANDING? Survival of the fittest

Transcript of Pieter Jongerius - Fabrique - eFashion2014

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