1. ILO Public web site guided tour

2. WEBDEV Page 2 The way we were...  The ILO web presence is composed of about 150 different sites  On top of them there was a simple Home page  Main issues  The Organization did not appear as a single body  Absence of common branding  Information hard to find in silos (Departments)  Strategic information not communicated  Noise and redundancy  High costs of development

3. WEBDEV Page 3 In 1999 The old home page Mainly focused on the Organization structure

4. WEBDEV Page 4 The starting point Departmental sites Strong diversity; the blue banner as the only element for common branding

5. WEBDEV Page 5 New goals 1.Harmonize and coordinate the ILO communication via the Web  Unifying the ILO identity on the web while allowing Units to keep their presence  Easing access to the ILO information by multiplying the ways to drill into the web site and guiding the user through a rich browsing experience  Implementing extensive search facilities 2.Reduce time and resources involved in publishing content on the web

6. WEBDEV Page 6 The ILO web site concept Standardization at Global and Units’ levels Creation of a Communication front-end  Not just a Home Page  Several Portals and Topic pages to provide multiple navigational dimensions  Overall Catalogues of ILO Publications, Official documents, Projects, Events, … Home Page Portals Catalogues Topic pages Home Page Portals Catalogues Topic pages (…) Region Office (…) Sector Department (…) Global level Units’ level  Content: common structure and classification  Navigation: uniform ways to browse through the content  Presentation: unified layout and branded visual identity  Implementation : use of most appropriate technology

7. WEBDEV Page 7 A fundamental decision  The ILO decided to adopt a CMS as main implementation technology (WCMS) Pubblication engine Metadata Title Theme Region Owner Global site Sector/ Region/ Office/ Department Web site Unique repository Content providers within the Units Promotion at Global level

8. WEBDEV Page 8 How it works Structured content repository Country Theme Audience Owner Country Theme Audience Owner Country Theme Audience Owner News Themes Activities Regions Content providers from the ILO Units Common classification system End-user Audiences Organization www.ilo.org

9. WEBDEV Page 9 Home Page like the cover page of a journal with communication areas targeting different audiences

10. WEBDEV Page 10 The result Sections at Global level

11. WEBDEV Page 11 Coordination at the Unit website level Common content structure, layout system and visual identity

12. WEBDEV Page 12 Overall view of the ILO‘s content structure Units level Global Level Global site HomePage Portals Catalogues Sector Business Unit Region Business Unit (…) Office (…)

13. WEBDEV Page 13 Several dimensions to navigate the site Publications Projects Events Statistics Training Labour standards Resarches By ILO Units By Themes By Region Country Content/document types Classification systems Navigational paradigm  Any product and output can be accessed/retrieved through different “Dimensions”  Content/Document types  Themes  ILO Units  Region country Multiple ways to access the ILO’s products and outputs

14. WEBDEV Page 14 Several dimensions to navigate the site What we do Standards Projects Publications Events … Organizational ILO-Hanoi EMP/ENT IPEC … Themes Child Labour Employment security Maternity protection Working conditions … Regions Africa Asia Europe America At the Global level

15. WEBDEV Page 15 Navigation dimensions to access the information Multiple dimensions in action Institutional Organizational Thematic Regional Products and outputs

16. WEBDEV Page 16 Navigation pattern Main section Allow for multiple ways to explore the site  Leads inside the site  Provides explanations for general public Main section Allow for multiple ways to explore the site  Leads inside the site  Provides explanations for general public HP

17. WEBDEV Page 17 Navigation pattern Portal A space to highlight selected items  Editorial choice  Push selected content Portal A space to highlight selected items  Editorial choice  Push selected content HP

18. WEBDEV Page 18 Navigation pattern Portal A space to highlight selected items  Editorial choice  Push selected content Portal A space to highlight selected items  Editorial choice  Push selected content HP

19. WEBDEV Page 19 Navigation pattern Catalogue A space available to Units to list their more significant products  Units’ choice  User interaction with the site to pull the information Catalogue A space available to Units to list their more significant products  Units’ choice  User interaction with the site to pull the information HP

20. WEBDEV Page 20 Navigation pattern Detail page A space to detail the item and provide further resources  standardization of content  relations between items  further information Detail page A space to detail the item and provide further resources  standardization of content  relations between items  further information Information card List of related content List of further reading HP

21. WEBDEV Page 21 Navigation pattern  An easy and consistent way to drill into the site and find information at all levels Home page Home page Portal Main area Catalogue Detail

22. WEBDEV Page 22 The web team Top management Department of Communication WEB development Unit -WEBDEV ILO Unit 1 ILO Unit 2 WEBDEV Unit, made by 5 people 1 Manger 1 Information Architect 2 Web assistants 1 Developer ILO Unit 3 Information Technology Unit providing web hosting Almost 150 web editors in the Headquarter and in the Regions (…)

23. WEBDEV Page 23 Methodology to work with the ILO units Static HTML Implementation phasesConcept and design phases Phase 1 Discovery and define Phase 2 Information Architecture (IA) Phase 3 Templates production Phase 4 Production of the web site and publishing WEBDEV addresses the job WEBDEV designs Site index Wireframes WEBDEV provides Some HTML Templates + Training Dept. Web editor implements all the web site pages in HTML using the Templates

24. WEBDEV Page 24 Methodology to work with the ILO units WCMS Implementation phases Concept and design phases Phase 1 Content discovery and Define Phase 2 Information Architecture (IA) Phase 3 SiteStudio and Content Server implementation Phase 5 Finalization of the site Phase 4 Migration of content WEBDEV addresses the job WEBDEV provides Standard Site index and Wireframes WEBDEV provides the site ready for the contribution + Training Simple migration: Dept. Web editor Complex migration: WEBDEV Dept. Web editor uses data entry tools to provide contents

25. WEBDEV Page 25 Goals for the Asia portal  Create a new web site for the Region using the WCMS technology  Strengthen the Region identity and presence  By integrating the Office sites into the new Regional web site  Empower the Region in the web development process

26. WEBDEV Page 26 The approach  Create the Regional web sites as aggregator of contents produced by the Offices  Strengthen the communication function of the Regional portals by:  Promote to Regional level the communication level (editorial pages)  Incorporate substantive information from the Countries at the Regional level (Publications, events, projects …)  Reduce the effort and the cost of producing and maintaining Office sites  Create a new role as the WCMS site manger within the Region to take ownership of the web development process

27. WEBDEV Page 27 The process and actors Implementation phases Concept and design phases Phase 1 Content discovery and Define Phase 2 Information Architecture (IA) Phase 3 SiteStudio + Content Server implementation Phase 5 Finalization of the site Phase 4 Migration of content Web responsible in the Region WEBDEV local web editor + + WEBDEVWeb responsible in the Region +

28. WEBDEV Page 28 Working together Regional team WEBDEV team Region WCMS content manager Office web editor Information architect  One role is designated at the at Regional level as lead for both the Regional and Offices web sites (Content manager) W C O