SlideShare a Scribd company logo
Metro Interactive Product Overview December 2009
§ 300,000 600,000 150,946 Canada Audience Hong Kong USA Chile ? Mexico Brazil ? South Korea World - monthly uniques + 3,000,000 Europe Where are we today? 1,000,000 Source: Omniture + Google + Nielsen + Internal sources Data range: Nov. 2009 More than 8 Million visits per month globally 75,000
France Sweden Denmark Holland Hungary Europe Source: Omniture + Google + Nielsen + Internal sources Data range: Nov. 2009 Where are we today? Russia Croatia PI: 13,000,000 UV: 1,600,000 PI: 1,300,000 UV: 200,00 PI: 2,600,000 UV: 220,000 PI: 13,200,000 UV: 900,000 PI: 650,000 UV: 75,000 PI: 450,000 UV: 125,000 Italy PI: 885,000 UV: 100,000 PI:320,000 UV: 100,000
Interactive Strategic Principles: 2009 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
‘ Website in a Box’: The Proposition
WiB:  Unique Selling Points ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Publimetro Mexico: A Success Story Reached more than  1 million   monthly unique visitors in just three months…
Mexico – www.publimetro.com.mx Source:  Google Analytics Weekly Visits Daily Visits
MetroFrance WiB redesign July 2009
Aims of the project ,[object Object],[object Object],[object Object],[object Object],[object Object]
Editors now have full control of where ads appear Optional footer link list to improve SEO and user navigation New 3-column article push gives more prominence to big news splashes New masthead reflects the print redesign and provides a stronger ‘anchor’ to the page Some key features… More consistent component designs… = flexibility but not clutter = easier for users to read = lower bounce rates Banner ads: 1000x90px or 728x90px Can also appear below the green masthead
New site header Editorially-controlled promo slots (120x68px and 230x68px) Editorially-controlled ‘What’s hot’ links Green-gradient masthead: - echoes the new print design - provides the page with a strong    anchor
New column structure Old 3:2 column ratio  = too much freedom  = harder to make neat layouts New 2:1:2 arrangement  = more consistent layouts = easier to align items neatly
Index pages:  Grid and module dimensions
Article pages: dimensions
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Summary of index page content module types
Specifications for content modules
spacing: 7px spacing: 7px Headline font size: 16px font colour: #000000 Body text font size: 12px font colour: #000000 1-column article pushes spacing: 10px spacing: 11px Links font size: 12px font colour: #264A04 spacing: 5px Alternative background colour: #E7E7E7 Comment link font size: 12px font colour:  #FCAF17 Category title font size: 12px font weight: bold font colour: #666666 spacing: 5px Image max width: 163px max height: 167px spacing: 5px ,[object Object],[object Object],Optional border, image and links
2-column article pushes Image max height: 128px max width: 128px Image max width: 371px max height: 184px Headline default font size: 20px font size when ‘Lead article’ box is ticked: 26px Alternative grey background opxion background colour: #E7E7E7 spacing: 5px spacing: 5px Larger headline option for lead stories ,[object Object],[object Object],2-col article push (large image) 2-col article push (standard)
3-column article pushes Category title font size: 12px font weight: bold font colour: #666666 Image max width: 567px max height: 360px 3-col article push (large image) Headline font size: 34px spacing: 11px spacing: 7px ,[object Object],[object Object]
3-column article  pushes ctd 3-col article push (medium image) 3-col article push (small image) 3-col article push (standard) Headline font size: 30px Image max width: 373px max height: 400px Image max width: 179px max height: 160px Headline font size: 30px Image max width: 128px max height: 128px Headline font size: 24px spacing: 0
Video/gallery pushes These pushes link to video or image gallery pages. Index pushes will display in this format automatically when the target article is a video or gallery page. 1-col article insert push (icon is added automatically if you link to a gallery article) 1-col article insert push 2-col article insert push 2-col article insert push Image max height: 134px max width: 179px Image max width: 163px max height: 167px
Polls 1-column poll 2-column poll Title font size: 16px font colour: #666666 spacing: 7px spacing: 16px Answers font size: 12px font style: bold font colour: #666666 spacing: 15px spacing: 11px spacing: 7px spacing: 11px Image max width: 357px Image max width: 163px
1-column teasers Image max height: 138px max width: 177px background colour: #FFFFFF background colour: #E7E7E7 background colour: #ADD036 background colour: #649B44 spacing: 7px spacing: 7px spacing: 7px spacing: 7px Title font size: 16px font style: bold font colour: #000000 or #FFFFFF Body text font size: 12px font colour: #000000 Body text font size: 12px font colour: #000000 These background colour options are available for all 1, 2 and 3-column teasers. - Teasers are mainly used for features or promotions - Palette reflects new print colours - Optional links, border, title text
2 and 3-column teasers 2-col teaser (half image) 2-col teaser (full width image) 3-col teaser Image max height: 138px max width: 179px spacing: 7px spacing: 10px spacing: 9px Image max height: 138px max width: 371px spacing: 7px Image max height: 138px max width: 179px Optional link list. Can be static links  or feed-generated
Most read/Most recent teasers Display most recent and most articles. Option to display up to ten links. Most read teaser – 1-col Most read teaser – 2-col spacing: 7px spacing: 5px font size: 11px font weight: bold font size: 11px font colour: #264A04
Optional footer link list to improve SEO and user navigation Footer Locally-editable footer links
Colours and styling
Image gallery icon (overlays image in push) Video gallery icon (overlays image in push) Poll button Buttons and icons
New Kewego video portal site header Clear video ‘home’ link Design separates news link content from video content.  These news categories are most popular clickthroughs… HTML integration to gain SEO benefit from ‘hard’ links to news portal
Latest Product Release: WiB Lite
What is WiB Lite? WiB Lite represents improvements in WiB’s efficiency and flexibility rather than design.  In addition blogging is being re-introduced using the Word Press platform (WP) with pluggins for integrating news-portal content.  ,[object Object],[object Object],[object Object],[object Object],[object Object],What does it do?
How does it do it? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],What are Content Groups? RSS-I is an RSS Importer that will facilitate easy integration of RSS feeds into WiB.  This technology will also make it easy for Metro to syndicate rich content to bloggers and partner pages.  What is RSS-I?
Blogging on WP… The blog offering for WiB Lite are two packaged Wordpress themes.  One is a Metro branded theme. The second is called Atahualpa.  And allows for advanced layout and branding flexbility. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Blortal… The “blogpot” is a standalone blog portal using WP which is included as part of WiB Lite. It is an editorially-managed, aggregating blog which will allow multiple remote blogs to be channeled into one central repository and displayed as a unified experience.  ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],What’s next?
[object Object],[object Object],[object Object],New Countries…

More Related Content

Similar to Metro Wi B Product Overview 11 09

Winter salespack
Winter salespackWinter salespack
Winter salespack
Dennis Armstrong
 
SharePoint Fest Chicago 2019 - Build a Full Intranet in 70 minutes
SharePoint Fest Chicago 2019 - Build a Full Intranet in 70 minutesSharePoint Fest Chicago 2019 - Build a Full Intranet in 70 minutes
SharePoint Fest Chicago 2019 - Build a Full Intranet in 70 minutes
Sébastien Levert
 
Artez Writing for the Web: Adapting the traditional press release for online ...
Artez Writing for the Web: Adapting the traditional press release for online ...Artez Writing for the Web: Adapting the traditional press release for online ...
Artez Writing for the Web: Adapting the traditional press release for online ...
Melinda Taylor
 
Steve Chester- Breakfast & Brains October 2013
Steve Chester- Breakfast & Brains October 2013Steve Chester- Breakfast & Brains October 2013
Steve Chester- Breakfast & Brains October 2013
Brainient
 
PR2.0 Overview
PR2.0 OverviewPR2.0 Overview
PR2.0 Overview
guest38258edb
 
Pr 2.0 Overview Presentation
Pr 2.0 Overview PresentationPr 2.0 Overview Presentation
Pr 2.0 Overview Presentation
EASTWEST Public Relations
 
Original ultimate guide
Original ultimate guideOriginal ultimate guide
Original ultimate guide
Sun Jaysoon
 
NACS Mix It Up With Modern SharePoint Sites
NACS Mix It Up With Modern SharePoint SitesNACS Mix It Up With Modern SharePoint Sites
NACS Mix It Up With Modern SharePoint Sites
Theresa Lubelski
 
Press release optimization
Press release optimizationPress release optimization
Press release optimization
The Net Impact
 
Dave Kinsella's WCS Presentation
Dave Kinsella's WCS PresentationDave Kinsella's WCS Presentation
Dave Kinsella's WCS Presentation
InBlackandWhite
 
Designing Website on HubSpot's CMS
Designing Website on HubSpot's CMSDesigning Website on HubSpot's CMS
Designing Website on HubSpot's CMS
HubSpot
 
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and Code
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and CodeDreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and Code
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and Code
Salesforce Marketing Cloud
 
Prn arc ppt current mal
Prn arc ppt current malPrn arc ppt current mal
Prn arc ppt current mal
Malcolm Atherton
 
3 Sep 09 Jour3340 Website Design&Elements
3 Sep 09   Jour3340   Website Design&Elements3 Sep 09   Jour3340   Website Design&Elements
3 Sep 09 Jour3340 Website Design&Elements
Neil Foote
 
Html5
Html5Html5
Get started with Sketch: a fast (and awesome) communication and design tool
Get started with Sketch: a fast (and awesome) communication and design toolGet started with Sketch: a fast (and awesome) communication and design tool
Get started with Sketch: a fast (and awesome) communication and design tool
Christopher Azar
 
Content Marketing for Small Business, Part 2
Content Marketing for Small Business, Part 2Content Marketing for Small Business, Part 2
Content Marketing for Small Business, Part 2
Digital Strategy Works LLC
 
Facebook ad types
Facebook ad typesFacebook ad types
Facebook ad types
Josef Ogden
 
Marketing
MarketingMarketing
Marketing
guest7afe7f
 
Scaling organic growth by building products - Turing Fest 2018
Scaling organic growth by building products - Turing Fest 2018Scaling organic growth by building products - Turing Fest 2018
Scaling organic growth by building products - Turing Fest 2018
Fabrizio Ballarini
 

Similar to Metro Wi B Product Overview 11 09 (20)

Winter salespack
Winter salespackWinter salespack
Winter salespack
 
SharePoint Fest Chicago 2019 - Build a Full Intranet in 70 minutes
SharePoint Fest Chicago 2019 - Build a Full Intranet in 70 minutesSharePoint Fest Chicago 2019 - Build a Full Intranet in 70 minutes
SharePoint Fest Chicago 2019 - Build a Full Intranet in 70 minutes
 
Artez Writing for the Web: Adapting the traditional press release for online ...
Artez Writing for the Web: Adapting the traditional press release for online ...Artez Writing for the Web: Adapting the traditional press release for online ...
Artez Writing for the Web: Adapting the traditional press release for online ...
 
Steve Chester- Breakfast & Brains October 2013
Steve Chester- Breakfast & Brains October 2013Steve Chester- Breakfast & Brains October 2013
Steve Chester- Breakfast & Brains October 2013
 
PR2.0 Overview
PR2.0 OverviewPR2.0 Overview
PR2.0 Overview
 
Pr 2.0 Overview Presentation
Pr 2.0 Overview PresentationPr 2.0 Overview Presentation
Pr 2.0 Overview Presentation
 
Original ultimate guide
Original ultimate guideOriginal ultimate guide
Original ultimate guide
 
NACS Mix It Up With Modern SharePoint Sites
NACS Mix It Up With Modern SharePoint SitesNACS Mix It Up With Modern SharePoint Sites
NACS Mix It Up With Modern SharePoint Sites
 
Press release optimization
Press release optimizationPress release optimization
Press release optimization
 
Dave Kinsella's WCS Presentation
Dave Kinsella's WCS PresentationDave Kinsella's WCS Presentation
Dave Kinsella's WCS Presentation
 
Designing Website on HubSpot's CMS
Designing Website on HubSpot's CMSDesigning Website on HubSpot's CMS
Designing Website on HubSpot's CMS
 
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and Code
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and CodeDreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and Code
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and Code
 
Prn arc ppt current mal
Prn arc ppt current malPrn arc ppt current mal
Prn arc ppt current mal
 
3 Sep 09 Jour3340 Website Design&Elements
3 Sep 09   Jour3340   Website Design&Elements3 Sep 09   Jour3340   Website Design&Elements
3 Sep 09 Jour3340 Website Design&Elements
 
Html5
Html5Html5
Html5
 
Get started with Sketch: a fast (and awesome) communication and design tool
Get started with Sketch: a fast (and awesome) communication and design toolGet started with Sketch: a fast (and awesome) communication and design tool
Get started with Sketch: a fast (and awesome) communication and design tool
 
Content Marketing for Small Business, Part 2
Content Marketing for Small Business, Part 2Content Marketing for Small Business, Part 2
Content Marketing for Small Business, Part 2
 
Facebook ad types
Facebook ad typesFacebook ad types
Facebook ad types
 
Marketing
MarketingMarketing
Marketing
 
Scaling organic growth by building products - Turing Fest 2018
Scaling organic growth by building products - Turing Fest 2018Scaling organic growth by building products - Turing Fest 2018
Scaling organic growth by building products - Turing Fest 2018
 

Recently uploaded

Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
Kumud Singh
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
shyamraj55
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
danishmna97
 
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
Matthew Sinclair
 
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Zilliz
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neo4j
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Neo4j
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
Claudio Di Ciccio
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
Aftab Hussain
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
Adtran
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
DianaGray10
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Neo4j
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
Zilliz
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Quotidiano Piemontese
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Vladimir Iglovikov, Ph.D.
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
DianaGray10
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
Uni Systems S.M.S.A.
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
Ana-Maria Mihalceanu
 

Recently uploaded (20)

Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
 
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
 
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
 

Metro Wi B Product Overview 11 09

  • 1. Metro Interactive Product Overview December 2009
  • 2. § 300,000 600,000 150,946 Canada Audience Hong Kong USA Chile ? Mexico Brazil ? South Korea World - monthly uniques + 3,000,000 Europe Where are we today? 1,000,000 Source: Omniture + Google + Nielsen + Internal sources Data range: Nov. 2009 More than 8 Million visits per month globally 75,000
  • 3. France Sweden Denmark Holland Hungary Europe Source: Omniture + Google + Nielsen + Internal sources Data range: Nov. 2009 Where are we today? Russia Croatia PI: 13,000,000 UV: 1,600,000 PI: 1,300,000 UV: 200,00 PI: 2,600,000 UV: 220,000 PI: 13,200,000 UV: 900,000 PI: 650,000 UV: 75,000 PI: 450,000 UV: 125,000 Italy PI: 885,000 UV: 100,000 PI:320,000 UV: 100,000
  • 4.
  • 5. ‘ Website in a Box’: The Proposition
  • 6.
  • 7. Publimetro Mexico: A Success Story Reached more than 1 million monthly unique visitors in just three months…
  • 8. Mexico – www.publimetro.com.mx Source: Google Analytics Weekly Visits Daily Visits
  • 10.
  • 11. Editors now have full control of where ads appear Optional footer link list to improve SEO and user navigation New 3-column article push gives more prominence to big news splashes New masthead reflects the print redesign and provides a stronger ‘anchor’ to the page Some key features… More consistent component designs… = flexibility but not clutter = easier for users to read = lower bounce rates Banner ads: 1000x90px or 728x90px Can also appear below the green masthead
  • 12. New site header Editorially-controlled promo slots (120x68px and 230x68px) Editorially-controlled ‘What’s hot’ links Green-gradient masthead: - echoes the new print design - provides the page with a strong anchor
  • 13. New column structure Old 3:2 column ratio = too much freedom = harder to make neat layouts New 2:1:2 arrangement = more consistent layouts = easier to align items neatly
  • 14. Index pages: Grid and module dimensions
  • 16.
  • 18.
  • 19.
  • 20.
  • 21. 3-column article pushes ctd 3-col article push (medium image) 3-col article push (small image) 3-col article push (standard) Headline font size: 30px Image max width: 373px max height: 400px Image max width: 179px max height: 160px Headline font size: 30px Image max width: 128px max height: 128px Headline font size: 24px spacing: 0
  • 22. Video/gallery pushes These pushes link to video or image gallery pages. Index pushes will display in this format automatically when the target article is a video or gallery page. 1-col article insert push (icon is added automatically if you link to a gallery article) 1-col article insert push 2-col article insert push 2-col article insert push Image max height: 134px max width: 179px Image max width: 163px max height: 167px
  • 23. Polls 1-column poll 2-column poll Title font size: 16px font colour: #666666 spacing: 7px spacing: 16px Answers font size: 12px font style: bold font colour: #666666 spacing: 15px spacing: 11px spacing: 7px spacing: 11px Image max width: 357px Image max width: 163px
  • 24. 1-column teasers Image max height: 138px max width: 177px background colour: #FFFFFF background colour: #E7E7E7 background colour: #ADD036 background colour: #649B44 spacing: 7px spacing: 7px spacing: 7px spacing: 7px Title font size: 16px font style: bold font colour: #000000 or #FFFFFF Body text font size: 12px font colour: #000000 Body text font size: 12px font colour: #000000 These background colour options are available for all 1, 2 and 3-column teasers. - Teasers are mainly used for features or promotions - Palette reflects new print colours - Optional links, border, title text
  • 25. 2 and 3-column teasers 2-col teaser (half image) 2-col teaser (full width image) 3-col teaser Image max height: 138px max width: 179px spacing: 7px spacing: 10px spacing: 9px Image max height: 138px max width: 371px spacing: 7px Image max height: 138px max width: 179px Optional link list. Can be static links or feed-generated
  • 26. Most read/Most recent teasers Display most recent and most articles. Option to display up to ten links. Most read teaser – 1-col Most read teaser – 2-col spacing: 7px spacing: 5px font size: 11px font weight: bold font size: 11px font colour: #264A04
  • 27. Optional footer link list to improve SEO and user navigation Footer Locally-editable footer links
  • 29. Image gallery icon (overlays image in push) Video gallery icon (overlays image in push) Poll button Buttons and icons
  • 30. New Kewego video portal site header Clear video ‘home’ link Design separates news link content from video content. These news categories are most popular clickthroughs… HTML integration to gain SEO benefit from ‘hard’ links to news portal
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.

Editor's Notes

  1. a news-based portal, maximising content sharing with the paper, but also allowing for relevant online content Control stories based on time of day, popularity, city, etc.