Your SlideShare is downloading. ×
Bye bye pagedesign epi_server
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Bye bye pagedesign epi_server


Published on

Case: Hi-Fi Klubben. …

Case: Hi-Fi Klubben.
An introduction to the content and development strategy behind Hi-Fi Klubben's new responsive commerce site, mainly focused on how we have worked with content as the primary driver in our design and development processes

The presentation was presented at EPiServer Update 2013 by my colleague Liv Madsen and me.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Bye Bye, Page Design Prepare to COPE (Create Once, Publish Everywhere) Mette Schou Andersen @mettecharita Liv Madsen @livmadsen
  • 2. Unleash the power of Hi-Fi Klubben
  • 3. product range +editorial +continued dialogue © Creuna
  • 4. 7 out of 10 multi-device users © Creuna expect the same quality of content experience across all their digital devices source
  • 5. Users expect content parity one web
  • 6. To cater for the cross platform consumer we’re bringing content back © Creuna Original image:
  • 7. ”content precedes design. design in the absence of content is not design, it's decoration.” - Jeffrey Zeldman
  • 8. Tone of voice & content design “How may I help you” vs. “What can I sell you?” © Creuna
  • 9. Key Drivers relevance +choice +exploration +empowerment © Creuna
  • 10. mapping page conversations Add value, keep customer in the loop © Creuna
  • 11. Constructed narrative to aid research High-level product presentation highlights Hi-fi klubben review User reviews Editorial on features demo Brand overview In-depth © Creuna Technical specs complementing products accessories
  • 12. product presentation highlights © Creuna Hi-fi klubben review
  • 13. chunk noun | piece, block, mass, portion, lump, slab, hunk, nugget, wad, dollop (informal), wodge (Brit. informal) Cut the melon into chunks. © Creuna Collins Thesaurus of the English Language – Complete and Unabridged 2nd Edition. 2002 © HarperCollins Publishers 1995, 2002 Image:
  • 14. Content not tied down to pages le ab us re Structured © Creuna Semantic Flexible
  • 15. Multiple content repositories Product db products + supporting content Customer club db user reviews EPiSERVER editorial content chunks Meta data ? © Creuna web channel ?
  • 16. digital hook +empowerment +continued dialogue © Creuna
  • 17. Base for continued dialogue explore dig deeper/decide purchase in store at home wherever sale registered to store © Creuna
  • 18. continued dialogue across channels © Creuna
  • 19. Bye bye, page design
  • 20. Design content, not pages
  • 21. don’t manage content like it’s 1999 © Creuna Original image: Original catchphrase by the brilliant Karen McGrane
  • 22. WYSIWYG WYSIPAL What You See Is Probably a Lie © Creuna #WYSIPAL – yeah, we coined that. You’re welcome. – @livmadsen
  • 23. structure & metadata Tag it!
  • 24. Help editors focus on how it reads – not how it looks © Creuna
  • 25. … help editors be awesome at content I am editorrr © Creuna
  • 26.
  • 27. “Get your content ready to go anywhere because it’s going to go everywhere.” - Brad Frost
  • 28. Release the power of structured content device zen © Creuna
  • 29. Release the power of structured content channel zen © Creuna
  • 30. Next steps towards COPE expand content to personalized narratives +mail/dialog flows +unboxing experiences etc. © Creuna
  • 31. Start small, show value
  • 32. Start small, show value average basket size 88% +conversion on mobile devices 92% +average time spent on page 76% © Creuna As measured during 50 days before and a"er launch
  • 33. Talking ‘bout a revolution Original image:
  • 34. Thanks :) Liv Madsen Senior Frontend Developer Mette Schou Andersen UX & Content Strategy Lead @livmadsen @mettecharita @creuna_dk