Slide 1

Slide 1 text

Bye Bye, Page Design Mette Schou Andersen @mettecharita Prepare to COPE (Create Once, Publish Everywhere) Liv Madsen @livmadsen

Slide 2

Slide 2 text

Hi-Fi Klubben Unleash the power of

Slide 3

Slide 3 text

© Creuna product range +editorial +continued dialogue

Slide 4

Slide 4 text

© Creuna 7 out of 10 multi-device users expect the same quality of content experience across all their digital devices source http://www.vibrantmedia.co.uk/

Slide 5

Slide 5 text

Users expect content parity one web

Slide 6

Slide 6 text

© Creuna we’re bringing content back Original image: http://www.flickr.com/photos/94261979@N00/4434288853 To cater for the cross platform consumer

Slide 7

Slide 7 text

”content precedes design. design in the absence of content is not design, it's decoration.” - Jeffrey Zeldman

Slide 8

Slide 8 text

© Creuna Tone of voice & content design “How may I help you” vs. “What can I sell you?”

Slide 9

Slide 9 text

Key Drivers © Creuna relevance +choice +exploration +empowerment

Slide 10

Slide 10 text

© Creuna mapping page conversations Add value, keep customer in the loop

Slide 11

Slide 11 text

Constructed narrative to aid research © Creuna High-level In-depth product presentation Hi-fi klubben review highlights Technical specs User reviews demo Editorial on features Brand overview complementing products accessories

Slide 12

Slide 12 text

© Creuna product presentation Hi-fi klubben review highlights

Slide 13

Slide 13 text

chunk noun | piece, block, mass, portion, lump, slab, hunk, nugget, wad, dollop (informal), wodge (Brit. informal) Cut the melon into chunks. Collins Thesaurus of the English Language – Complete and Unabridged 2nd Edition. 2002 © HarperCollins Publishers 1995, 2002 Image: http://www.flickr.com/photos/62116165@N00/4028464605 © Creuna

Slide 14

Slide 14 text

Content not tied down to pages © Creuna reusable Structured Semantic Flexible

Slide 15

Slide 15 text

Multiple content repositories © Creuna Customer club db user reviews Product db products + supporting content web channel EPiSERVER editorial content chunks ? ? Meta data

Slide 16

Slide 16 text

© Creuna digital hook +empowerment +continued dialogue

Slide 17

Slide 17 text

Base for continued dialogue © Creuna purchase dig deeper/decide explore in store at home wherever sale registered to store

Slide 18

Slide 18 text

© Creuna continued dialogue across channels

Slide 19

Slide 19 text

Bye bye, page design

Slide 20

Slide 20 text

Design content, not pages

Slide 21

Slide 21 text

© Creuna don’t manage content like it’s 1999 Original image: http://www.flickr.com/photos/28567825@N03/3496269460 Original catchphrase by the brilliant Karen McGrane

Slide 22

Slide 22 text

WYSIPAL © Creuna What You See Is Probably a Lie WYSIWYG #WYSIPAL – yeah, we coined that. You’re welcome. – @livmadsen

Slide 23

Slide 23 text

Tag it! structure & metadata

Slide 24

Slide 24 text

how it reads – not how it looks Help editors focus on © Creuna

Slide 25

Slide 25 text

I am editorrr © Creuna … help editors be awesome at content

Slide 26

Slide 26 text

http://www.flickr.com/photos/andymangold/4335794366

Slide 27

Slide 27 text

“Get your content ready to go anywhere because it’s going to go everywhere.” - Brad Frost

Slide 28

Slide 28 text

device zen © Creuna Release the power of structured content

Slide 29

Slide 29 text

© Creuna Release the power of structured content channel zen

Slide 30

Slide 30 text

expand content to personalized narratives +mail/dialog flows +unboxing experiences etc. Next steps towards COPE © Creuna

Slide 31

Slide 31 text

Start small, show value

Slide 32

Slide 32 text

Start small, show value © Creuna average basket size 88%‐ +conversion on mobile devices 92%‐ +average time spent on page 76%‐ As measured during 50 days before and after launch

Slide 33

Slide 33 text

Talking ‘bout a revolution Original image: http://www.flickr.com/photos/hansthijs/4567959944

Slide 34

Slide 34 text

Thanks :) Liv Madsen Senior Frontend Developer Mette Schou Andersen UX & Content Strategy Lead @livmadsen @mettecharita @creuna_dk