What are the factors to keep in mind when starting a responsive web design project for your online magazine?

1. Responsive Web Design for Magazines
Making Publications Work Across Diverse Platforms &
Keeping Your Sanity
®

2. Hello.

4. Projects Products Play

5. Adaptive Life of Words

6. From people of the book

7. to people of the screen

8. 50%

9. Books develop a
contemplative mind

10. Screens
provoke
action

11. Other Slide TitleEvolving Media

12. The Challenge:
How to serve words in the age of fragmented
media

13. Print

14. Print Web

15. Print Web
What is your favorite
memory of the years you
spent on campus? http://
t.co/xyz32
Mobile

16. What is your favorite
memory of the years you
spent on campus? http://
t.co/xyz32
Mobile
What does it mean?

18. Insanity

19. A Killer App?

20. The Web Browser!

21. http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/

22. http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/

23. http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/

24. http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/
✕✕
IS

25. Responsive Web Design

26. For Users

27. 1
5
6
4
3
2
Innumerable Devices, Same Content

28. 1
5
6
4
3
2
4
3
12
4
1
3
Innumerable Devices, Same Content

29. 1
5
6
4
3
2

30. 1
5
6
4
3
2

31. 6
42
7

32. 2
4
1
3

33. 2
4
1
3

34. 2
5
6
7

35. 2
4
3
11

36. 2
4
3
11

37. 2
4
3
11

38. 2 5
6
7
11

39. 2 5
6
7
11

40. 2 5
6
7
11

41. 1
5
6
4
3
2
Innumerable Devices, Same Content

42. 1
5
6
4
3
2
4
3
12
4
1
3
Innumerable Devices, Same Content

43. For Producers

46. Rachel Carson Mill Race Regatta
Kicks Off Alumni Weekend 2013
H e n d r e r i t
Investigationes lectorum
e t n i b h c o m m o d o .
Claritas soluta delenit in
vel nunc. Vulputate qui
lobortis exerci euismod
elit. Lectorum tincidunt
decima per luptatum
esse. Euismod iusto
u l l a m c o r p e r m e
i m p e r d i e t m a g n a .
Congue duis imperdiet
litterarum duis doming.
Claritatem ipsum vel
f e u g a i t f a c e r i n .
Mutationem quod et
eorum typi enim.
Vel facilisis qui liber
vulputate cum. Eodem
ut nunc est consequat
aliquam. Nibh ea quod
veniam ut qui. Notare
v e l d o l o r e h a b e n t
dynamicus mirum.
delenit in vel nunc.
Vulputate qui lobortis
exerci euismod elit.
Lectorum tincidunt
decima per luptatum
esse. Euismod iusto
u l l a m c o r p e r m e
i m p e r d i e t m a g n a .
Congue duis imperdiet
litterarum duis doming.
Claritatem ipsum vel
f e u g a i t f a c e r i n .
Mutationem quod et
eorum typi enim.
Vel facilisis qui liber
vulputate cum.
Submit
Share the best senior prank you
either witnessed or were a part of
during your senior year.
What is your favorite
memory of time spent on
campus? http://t.co/xyz32
COPE

47. What is your favorite
memory of the years you
spent on campus? http://
t.co/xyz32
COPE

48. What is your favorite
memory of the years you
spent on campus? http://
t.co/xyz32
COPE

49. What is your favorite
memory of the years you
spent on campus? http://
t.co/xyz32
COPE

50. What is your favorite
memory of the years you
spent on campus? http://
t.co/xyz32
COPE

51. COPE
What is your favorite
memory of the years you
spent on campus? http://
t.co/xyz32

52. ONS Connect

53. Situation

54. RFP for iPad app

55. Print magazine moving from
monthly to quarterly

56. Website slated for 2013 redesign

57. Ad-supported

58. Content in Wordpress

59. Solution: RWD

60. “God is in the details”

61. Editorial Planning
& Content Strategy

62. ONSCONNECT.ORG
What is your favorite
advice for patients
managing diabetes and
cancer? http://t.co/xyz32
Check out March’s Five-Minute
In-Service to learn more about
palliative care. http://t.co/xyz32
Ready to take your career to the next
level? Our annual career guide is out!
http://t.co/xyz32
Support Your Patients’ Nutritional
Status: Diabetes & Cancer
H e n d r e r i t
Investigationes lectorum
e t n i b h c o m m o d o .
Claritas soluta delenit in
vel nunc. Vulputate qui
lobortis exerci euismod
elit. Lectorum tincidunt
decima per luptatum
esse. Euismod iusto
u l l a m c o r p e r m e
i m p e r d i e t m a g n a .
Congue duis imperdiet
litterarum duis doming.
Claritatem ipsum vel
f e u g a i t f a c e r i n .
Mutationem quod et
eorum typi enim.
Vel facilisis qui liber
vulputate cum. Eodem
delenit in vel nunc.
Vulputate qui lobortis
exerci euismod elit.
Lectorum tincidunt
decima per luptatum
esse. Euismod iusto
u l l a m c o r p e r m e
i m p e r d i e t m a g n a .
Congue duis imperdiet
litterarum duis doming.
Claritatem ipsum vel
f e u g a i t f a c e r i n .
Mutationem quod et
eorum typi enim.vulputate cum. Eodem
Hdfdssd dfghendrerit
Investigationes lectorum
e t n i b h c o m m o d o .
Claritas soluta delenit in
vel nunc. Vulputate qui
lobortis exerci euismod
elit. Lectorum tincidunt
decima per luptatum
esse. Euismod iusto
u l l a m c o r p e r m e
i m p e r d i e t m a g n a .
Congue duis imperdiet
litterarum duis doming.
Claritatem ipsum vel
f e u g a i t f a c e r i n .
Mutationem quod et
eorum typi enim.
Print Magazine
Twitter Updates
YouTube Videos
LinkedIn Statuses
Facebook Feeds
e-Newsletter

63. D2* D3 D5* D6 D8 D9* D11 D12*
D1 D4 D7 D10*
P1 P2 P3 P4
P Quarterly Print Publication
LEGEND
D Print-to-Digital Posts
One Earth Year
Digital-Exclusive Posts + Micros

64. Strategic Information Architecture

65. The Bostonia

67. This Magazine Issue

68. ...plus a website

69. Perception
Website
This Issue

70. Perception
Website
This Issue
Website
Reality
{ }

71. The Fast Company

73. A Huge Website

74. ...plus a magazine

75. Perception
MagazineWebsite

76. Perception
MagazineWebsite
Website
Magazine
Reality
{ }

83. The ONS

84. The Fast Company Model

86. A Website & Community

87. ...plus the magazine

88. Responsive Wireframes

92. Responsive Site
Including CMS

96. Takeaways

97. Clarify Your Purpose
1

98. Care For All Users Equally
2

99. Celebrate Unlearning
3

100. Collaborate Early & Often
4

101. Tighten Client Feedback Loops
5

102. Shorten
Milestones & Approvals
6

103. The Web Really Is the Killer App
7

104. Thank You
info@elliance.com
aha.elliance.com
linkedin.com/companies/Elliance
facebook.com/Elliance
twitter.com/Elliance
®