Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Bye Bye, Page Design - clean
Search
Liv Madsen
October 31, 2013
Design
7
540
Bye Bye, Page Design - clean
The same as
https://speakerdeck.com/livmadsen/bye-bye-page-design
, but without transcript.
Liv Madsen
October 31, 2013
Tweet
Share
More Decks by Liv Madsen
See All by Liv Madsen
Is this a component?
livmadsen
0
130
Closing the Gaps with Digital Design Systems, Ruhr Edition
livmadsen
1
190
Closing the Gaps with Digital Design Systems
livmadsen
1
710
COPE Your Way to Sustainable, Awesome Content
livmadsen
2
140
Bye Bye, Page Design
livmadsen
3
190
Meet Me in the Browser - September Frontend Meetup
livmadsen
0
160
Meet Me in the Browser
livmadsen
17
2.3k
Content First, Designing in the Browser
livmadsen
4
500
Other Decks in Design
See All in Design
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.3k
minpaku-community-scrum-patterns
norinity1103
1
120
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
480
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
260
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
550
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
290
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
610
portfolio_YumiYasuda
yum0418
0
290
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
420
Карта процесса-опыта — как визуализировать сервис просто, понятно и подробно
ashapiro
0
100
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Music & Morning Musume
bryan
46
6.6k
We Have a Design System, Now What?
morganepeng
53
7.7k
Transcript
Bye Bye, Page Design Mette Schou Andersen @mettecharita Prepare to
COPE (Create Once, Publish Everywhere) Liv Madsen @livmadsen
Hi-Fi Klubben Unleash the power of
© Creuna product range +editorial +continued dialogue
© 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/
Users expect content parity one web
© Creuna we’re bringing content back Original image: http://www.flickr.com/photos/94261979@N00/4434288853 To
cater for the cross platform consumer
”content precedes design. design in the absence of content is
not design, it's decoration.” - Jeffrey Zeldman
© Creuna Tone of voice & content design “How may
I help you” vs. “What can I sell you?”
Key Drivers © Creuna relevance +choice +exploration +empowerment
© Creuna mapping page conversations Add value, keep customer in
the loop
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
© Creuna product presentation Hi-fi klubben review highlights
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
Content not tied down to pages © Creuna reusable Structured
Semantic Flexible
Multiple content repositories © Creuna Customer club db user reviews
Product db products + supporting content web channel EPiSERVER editorial content chunks ? ? Meta data
© Creuna digital hook +empowerment +continued dialogue
Base for continued dialogue © Creuna purchase dig deeper/decide explore
in store at home wherever sale registered to store
© Creuna continued dialogue across channels
Bye bye, page design
Design content, not pages
© 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
WYSIPAL © Creuna What You See Is Probably a Lie
WYSIWYG #WYSIPAL – yeah, we coined that. You’re welcome. – @livmadsen
Tag it! structure & metadata
how it reads – not how it looks Help editors
focus on © Creuna
I am editorrr © Creuna … help editors be awesome
at content
http://www.flickr.com/photos/andymangold/4335794366
“Get your content ready to go anywhere because it’s going
to go everywhere.” - Brad Frost
device zen © Creuna Release the power of structured content
© Creuna Release the power of structured content channel zen
expand content to personalized narratives +mail/dialog flows +unboxing experiences etc.
Next steps towards COPE © Creuna
Start small, show value
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
Talking ‘bout a revolution Original image: http://www.flickr.com/photos/hansthijs/4567959944
Thanks :) Liv Madsen Senior Frontend Developer Mette Schou Andersen
UX & Content Strategy Lead @livmadsen @mettecharita @creuna_dk