KWD Webranking Forum 2012London, November 29th
TELECOM ITALIA GROUPKWD Webranking Forum 2012London, November 28th 2012Making an award-winningwebsite responsive… quicklyA...
Responsive Web Design►    What is it?►    What are its advantages?►    How complicated is it to design and implement?►    ...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyWhat is Responsive Web Design?                ...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyLet’s start from a few buzzwords              ...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyNow let’s put them together                   ...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyA quick demo►    kwd2012.telecomitalia.com►   ...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyWhat are its advantages?                      ...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyTrends to be addressed    The mobile internet...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyPractical advantages    ONE site to manage  ...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyHow complicated it is to design and implement?...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyDesign three times… and then design again    ...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyImplement… gradually                          ...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyFast Project Stats                            ...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyWhat problems derive from its adoption?How wer...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyThe browser problem: Internet Explorer 6 and 7...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyEditorial impactOn the content management side...
KWD Webranking Forum 2012Making an award-winning website responsive… quicklyQuestions?                          Alessandro...
KWD Webranking Forum 2012Making an award-winning website responsive… quickly                                            Th...
Upcoming SlideShare
Loading in...5
×

Making Telecom Italia's website responsive Alessandro Canepa_2012-11-29

586
-1

Published on

Alessandro Canepa at Telecom Italia shares his experiences from Telecom Italia's way towards a responsive corporate website. At KWD Webranking Forum London 2012.

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
586
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Making Telecom Italia's website responsive Alessandro Canepa_2012-11-29

  1. 1. KWD Webranking Forum 2012London, November 29th
  2. 2. TELECOM ITALIA GROUPKWD Webranking Forum 2012London, November 28th 2012Making an award-winningwebsite responsive… quicklyAlessandro CanepaCorporate Communications - Digital Identity & Web Activities
  3. 3. Responsive Web Design► What is it?► What are its advantages?► How complicated is it to design and implement?► What problems derive from its adoption? How were these resolved?Corporate Communications – Digital Identity & Web ActivitiesAlessandro Canepa
  4. 4. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyWhat is Responsive Web Design? Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 4
  5. 5. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyLet’s start from a few buzzwords Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 5
  6. 6. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyNow let’s put them together adaptive liquid Responsive grid Web Designmobile-first + = breakpoints media queries Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 6
  7. 7. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyA quick demo► kwd2012.telecomitalia.com► http://bit.ly/kwd2012 Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 7
  8. 8. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyWhat are its advantages? Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 8
  9. 9. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyTrends to be addressed The mobile internet is expected to surpass desktop internet by 2014 Today, most visitors have a screen resolution higher than 1024x768 pixels (in our case 75%) Users now tend to access content through different devices in different momentsResponsive Web Design Optimized for mobile browsing Manages large screen sizes very well Provides a consistent cross device browsing experience Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 9
  10. 10. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyPractical advantages ONE site to manage No custom design to target devicesUnexpected advantages Adds more possibilities in content construction Fluid components can adapt to different widths Requires simple and practical design solutions Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 10
  11. 11. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyHow complicated it is to design and implement? Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 11
  12. 12. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyDesign three times… and then design again Design is quite more complicated (mobile – tablet – desktop) Start from the mobile breakpoint (mobile-first) At the mobile and tablet breakpoints: think touch Testing on mobile, tablet and desktop is necessary Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 12
  13. 13. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyImplement… gradually Home Pages FASE 1 Hub Pages (2nd level) July 2012 Error page FASE 2 Search engine November 2012 Press releases/notes Article Pages FASE 3 December 2012 Interactive pages Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 13
  14. 14. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyFast Project Stats from February 2012 to a few days ago 2350 6 27 2 169 6 total cups of espresso drunk internal team external team languages conference calls work locations members members working on this working on this project project 212 15 67 13 7 321 total cups of cappuccino drunk wireframes graphic releases in online version gigabytes of data proposals staging releases used 120 560 total cups of images uploaded tea drunk Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 14
  15. 15. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyWhat problems derive from its adoption?How were these resolved? Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 15
  16. 16. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyThe browser problem: Internet Explorer 6 and 7 (and 8) Internet Explorer 6 and 7 do not support Responsive Web Design well Targeting a custom design just for IE6 and IE7 is time consuming and expensive On Internet Explorer 8 – compatibility view settings are a problem A significant number of our internal stakeholders (employees) have IE6Our solution We dropped support for Internet Explorer 6 and 7 We embraced Microsoft IE6 Countdown initiative (www.ie6countdown.com) We developed a popup inviting users to adopt new generation browsers We customized metadata code to disable IE8 compatibility view We addressed employees with a custom message Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 16
  17. 17. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyEditorial impactOn the content management side: Editors need to upload two different formats for every image Components are a slightly more complex Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 17
  18. 18. KWD Webranking Forum 2012Making an award-winning website responsive… quicklyQuestions? Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 18
  19. 19. KWD Webranking Forum 2012Making an award-winning website responsive… quickly Thank youMy contacts:Twitter: @canepaE-mail: alessandro.canepa@telecomitalia.it Alessandro Canepa, Corporate Communications – Digital Identity & Web Activities 19
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×