oliver bradley experience design director...

64
TABLET MOBILE LAPTOP Oliver Bradley Experience Design Director

Upload: others

Post on 14-Jul-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

TA

BLE

T

MO

BIL

E

LAPT

OP

Oliver BradleyExperience Design Director

Page 2: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Housekeeping

You can listen to the audio via telephone or through your computer speakers. Select “I Will Call In” to listen to the audio via your telephone. Select “Call Using Computer” to listen to the audio via your computer speakers

All attendees are on mute. To ask a question, click the Q&A icon on the top of your screen, then enter your question on the Q&A box

Page 3: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Clavis Insight: The Global Hub of eCommerce Intelligence

Page 4: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Today’s Speaker

Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in addition to leading the Open Innovation initiative with Cambridge University which has helped to create the global standard for mobile ready hero images.

Page 5: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 6: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 7: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Mill

ions

90m

Smartphone is still the NEXT BIG THING

Page 8: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

https://www.globalwebindex.net/blog/the-changing-mobile-marketplace

Page 9: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 10: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 11: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

125

104

129

96

125

148

147

113

89

132

68

97

77

95

102

97

103

146

161

117

150

175

173

193

169

166

194

215

229

291

0 100 200 300 400 500 600

Japan

Canada

Germany

India

Australia

UK

USA

Brazil

China

Indonesia

Daily Distribution of Screen Minutes, By Country

TV Laptop + PC Mobile (Smartphone + Tablet)

Source:Mary Meeker

State of the Internet 2015

Page 12: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

“because PC purchasesstill represent the majority of online shopping transactions…”

Page 13: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

13

Mobile is fast becoming THE primary platform for eCommerce.

Mobile Share of eCommerce Transactions by Country:

28%

35%

36%

36%

45%

49%

53%

55%

57%

65%

0% 10% 20% 30% 40% 50% 60% 70%

FRANCE

USA

NETHERLANDS

GERMANY

AUSTRALIA

SOUTH KOREA

UK

JAPAN

CHINA

INDIA

Source: Criterio Q1 2016

Page 14: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 15: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 16: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 17: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

4 – 4.3 in3.5 in

4.7- 5.1 in

5.7 in

5.5 in

http://www.digit.in/mobile-phones/4.7-inches-is-still-the-favourite-screen-size-report-27993.html

Page 18: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Can you read this?older shoppers have poorer eyesight

Page 19: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

*Omniture Clickstream from Tesco.com (2.4 million shoppers)

Page 20: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 21: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 22: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 23: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 24: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 25: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

https://youtu.be/1223GTQQctE

Page 26: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Page 27: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Page 28: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Mobile ready hero image (Cambridge Standard)

Conventional packshot

16 mmMobile

23 mmTablet

48 mmLaptop /Desktop

Page 29: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Hero Images vs. Packshots

Page 30: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 31: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 32: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Laptop

Tablet

Mobile

Page 33: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

: MOBILE READY HERO IMAGES

Retailer.com feedback

Page 34: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 35: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

95%

100%

78%

96%

0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%

Read SIZE / Pack Count

Recognise VARIANT

Determine FORMAT

Recognise BRAND

Inclusive Design Std: 75% of UK adults

Page 36: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

0%

90%

50%

86%

0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%

Read SIZE / Pack Count

Recognise VARIANT

Determine FORMAT

Recognise BRAND

Inclusive Design Std: 75% of UK adults

Page 37: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 38: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

38

Hero images delivered a significant sales lifts vs. conventional pack shots on all screen sizes in quant studies with 3000 shoppers on Amazon mobile & desktop

Shampoo(mobile)

Shampoo(PC / Desktop)

Hair Spray(mobile)

+14%+8%+4%

Relative increase in product selection vs. Conventional Pack Shot Source: SKIM research Dec 20143000 shoppers Quant

Page 39: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

39

10%

25%

26%

28%

32%

34%

34%

37%

45%

None of the above

On-pack graphics

Visual representation of product variantand/or benefit

Clearly illustrates pack features

Visually stands out from others

Size of product image

Visual representationof product size

Clarity of product type / format

Clarity of brand

Reasons why hero images are better(closed-end question) “I like that I can quickly

see the size of the product”

“I like the way the deodorant comes out from the holes. It

looks like it will be well distributed on the armpit.”

“I like seeing how the product will be dispensed”

“Excellent view of how the product is used to

apply to the underarm!”

“Bold color, eye catching, amount listed and easy to

read”

Page 40: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

*A/B split test with Retailer A

Page 41: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

(& find their flavour fast)

before after*test with Retailer C

Page 42: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

*A/B split test with Retailer D

Page 43: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

^*A/B split test with Retailer B

Page 44: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 45: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 46: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 47: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 48: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 49: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 50: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 51: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 52: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Open Sans typeface: CONSISTENCYBrand led typeface = INCONSISTENT.

Page 53: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Variant Colour in Large stripBrand Colour in Size lozenge

Wrong Colours for callouts.

Page 54: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

54

NO

Q2: Is the format /product type obvious from the pack?

NO

Q3. What’s the aspect ratio of the pack?

PORTRAITFORMAT NOT OBVIOUS, PORTRAIT PACK =Vertical stripe and size go along the right-hand edge

• Brand teams may choose whether or not they want to add off-pack communications

• If off-pack communications are added, they MUST follow the rules for positioning below:

Q1: Is the pack square-ish?YES SQUARISH = Use full canvas

Off-pack communications are not required and not helpful

LANDSCAPE FORMAT NOT OBVIOUS, LANDSCAPE PACK = Horizontal stripe and size go along the bottom

FORMAT OBVIOUS =Size only (bottom right)

Use generic square lozenge

Except laundry (already established category standard lozenge)

YES

Page 55: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

55

So where are Unilever’s mobile ready images live?if you search Dove Bar, or Ben & Jerry’s on all of the sites below you will see our hero images

US: Walmart, CVS, Walgreens, Peapod.comUK : Asda.com, Sainsburys.co.uk, Superdrug.com, Tesco.com and Morrisons.comIE (Ireland) Tesco.ieFR (France) Auchandrive, Chronodrive, Auchandirect, CarrefourDrive, Coursesu.comCA (Canada) Well.ca, Walmart.caNL (Netherlands) Appie.NL (Ahold) Plus.NL, Kruidvat.NL (goes live this week)DE (Germany) Rossmann.de, dm.deIN (India) Bigbasket.com Nykaa.com, Snapdeal.comES (Spain) Ulabox.com, CarrefourSupermercedo.ES, ElCorteIngles.ES, hipercor.esSG (Singapore) Redmart.comAU (Australia) Woolworths.com.au, Coles.com.auPH (Philippines) puregold.com.ph, lazada.com.phBR (Brazil)netfarma.com.br, paodeacucar.com.br, deliveryextra.com.br, paodeacucar.comSE (Sweden): mathem.se, mat.seTR (Turkey): Migros sanalmarket.com.tr hepsiburada.com/ID (Indonesia) lazada.co.idTH (Thailand) lazada.co.thAR (Argentina) walmart.com.arBE (Belguim) delhaize.be

Page 56: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

We track whether hero images are live using Clavis

Exact No MatchPartial Hero Image Missing, No Match

Hero Image Missing

Page 57: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 58: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in
Page 59: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Questions and Answers

Oliver BradleyGlobal eCommerce Experience Design

Director

Page 60: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Global Edge Ecosystem Integration & Alliances

Solution & Innovation Excellence

Proven Value Creation & Thought Leadership

Here to Answer Your Questions: Clavis Insight, the Global Hub of eCommerce Intelligence

Page 61: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Our technology visits online retailers anywhere in the world…

…captures anything the shopper might see on desktop, mobile web or mobile app…

…and delivers actionable insights to drive sales, increase share and win at the digital shelf

Solution & Innovation ExcellenceWe are the Leader in online retailer Monitoring & Analytics

Page 62: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Questions and Answers

Oliver BradleyGlobal eCommerce Experience Design Director

Page 63: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Post Webinar Survey

Complete the post-webinar survey and receive access to our popular whitepaper

Page 64: Oliver Bradley Experience Design Director MOBILEgo.clavisinsight.com/rs/573-RCS-461/images/Mobile...Oliver Bradley leads Experience Design for Unilever’s Global eCommerce team in

Boston| Dublin | London | Paris | Shanghai

The Global Hub of eCommerce Intelligence

[email protected]

How will the global hub of eCommerce Intelligence help to drive your business?