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
520
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
120
Closing the Gaps with Digital Design Systems, Ruhr Edition
livmadsen
1
170
Closing the Gaps with Digital Design Systems
livmadsen
1
640
COPE Your Way to Sustainable, Awesome Content
livmadsen
2
140
Bye Bye, Page Design
livmadsen
3
170
Meet Me in the Browser - September Frontend Meetup
livmadsen
0
140
Meet Me in the Browser
livmadsen
17
2.2k
Content First, Designing in the Browser
livmadsen
4
490
Other Decks in Design
See All in Design
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.6k
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
3.7k
Personal Story Sequence - Vendetta(WIP)
elrns88
0
420
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
140
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
610
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
1k
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
920
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
5
4.2k
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
190
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
140
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
210
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
270
Featured
See All Featured
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Thoughts on Productivity
jonyablonski
69
4.5k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
Site-Speed That Sticks
csswizardry
4
410
The World Runs on Bad Software
bkeepers
PRO
67
11k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
How to train your dragon (web standard)
notwaldorf
91
5.9k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
Practical Orchestrator
shlominoach
186
10k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
260
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