Bye Bye, Page Design - clean

The same as https://speakerdeck.com/livmadsen/bye-bye-page-design, but without transcript.

Transcript

1. Bye Bye, Page Design Mette Schou Andersen @mettecharita Prepare to COPE (Create Once, Publish Everywhere) Liv Madsen @livmadsen
2. Hi-Fi Klubben Unleash the power of
3. © Creuna product range +editorial +continued dialogue
4. © 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/
5. Users expect content parity one web
6. © Creuna we’re bringing content back Original image: http://www.flickr.com/photos/94261979@N00/4434288853 To cater for the cross platform consumer
7. ”content precedes design. design in the absence of content is not design, it's decoration.” - Jeffrey Zeldman
8. © Creuna Tone of voice & content design “How may I help you” vs. “What can I sell you?”
9. Key Drivers © Creuna relevance +choice +exploration +empowerment
10. © Creuna mapping page conversations Add value, keep customer in the loop
11. 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
12. © Creuna product presentation Hi-fi klubben review highlights
13. 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
14. Content not tied down to pages © Creuna reusable Structured Semantic Flexible
15. Multiple content repositories © Creuna Customer club db user reviews Product db products + supporting content web channel EPiSERVER editorial content chunks ? ? Meta data
16. © Creuna digital hook +empowerment +continued dialogue
17. Base for continued dialogue © Creuna purchase dig deeper/decide explore in store at home wherever sale registered to store
18. © Creuna continued dialogue across channels
19. Bye bye, page design
20. Design content, not pages
21. © 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
22. WYSIPAL © Creuna What You See Is Probably a Lie WYSIWYG #WYSIPAL – yeah, we coined that. You’re welcome. – @livmadsen
23. Tag it! structure & metadata
24. how it reads – not how it looks Help editors focus on © Creuna
25. I am editorrr © Creuna … help editors be awesome at content
26. http://www.flickr.com/photos/andymangold/4335794366
27. “Get your content ready to go anywhere because it’s going to go everywhere.” - Brad Frost
28. device zen © Creuna Release the power of structured content
29. © Creuna Release the power of structured content channel zen
30. expand content to personalized narratives +mail/dialog flows +unboxing experiences etc. Next steps towards COPE © Creuna
31. Start small, show value
32. 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
33. Talking ‘bout a revolution Original image: http://www.flickr.com/photos/hansthijs/4567959944
34. Thanks :) Liv Madsen Senior Frontend Developer Mette Schou Andersen UX & Content Strategy Lead @livmadsen @mettecharita @creuna_dk