SlideShare a Scribd company logo
1 of 23
Contributing to
the new FAO
homepage
OCCI
06/11/2017
Greetings from FAO
Alifa Noor Ardianingrum
Webinar Focal Point
OCCI, FAO
Claudia Nicolai
Platforms and Innovation
Team Leader
OCCI, FAO
Zoie Jones
Communication Officer
OCCM, FAO
Giulia Ruspantini,
Facilitator
OCCI, FAO
Bruno Altobelli
Technical Support
OCCI, FAO
Contributing to the
new FAO homepage
Claudia Nicolai
Platforms and Innovation Team Leader
OCCI
06/11/2017
Our homepage in numbers
 Current homepage was released in 2014.
 3,300,000 page views on our homepage in
2016: only 8% of the overall traffic on
FAO.org.
 While the traffic on FAO.org has been
steadily growing the traffic on the
homepage has been quite stable in the
last three years.
FAO.org % Growth Homepage
2014 33,005,368 3,560,725
2015 38,223,440 15.8% 3,255,712
2016 46,963,130 22.9% 3,318,286
Why a new homepage?
 People are increasingly seeking shorter, graphically appealing content that
can be accessed quickly, efficiently, on-the-go.
 FAO wants to stress its role as a partner and leader in reaching the
Sustainable Development Goals and #zerohunger.
Key principles
 The new homepage is a compelling audience-centered digital platform, no
longer just a mirror of the way FAO’s organized internally.
 The design, content, and interaction is aimed at earning the trust of a
modern web visitor.
 Web visitor are provided with a cohesive, uncluttered experience.
 Attention to typography, with
bigger easy-to-read fonts.
 Semi Flat Design, minimal with
pondered use of shadows.
 Courageous colors and gradients.
Design principles
 The homepage is designed first for
mobile and is optimized for all
devices.
 Uses Neutral Space and Grid
(responsive).
 The decision making and selection of
stories lies with the editorial
group (OCC).
 The homepage is updated daily, in all
FAO languages, with content from
across sections of FAO.org or prepared
specifically.
 OCC regularly monitors the
homepage to understand the effect of
content and position on engagement for
different types of material.
“
”
Each of us is a unique strand in
the intricate web of life and
here to make a contribution.
Deepak Chopra
How can I contribute?
 Actors from around the house are encouraged to submit engaging content
and stories for the new homepage.
 Suggestions for web publishing on the homepage can be submitted to
digital@fao.org.
Please access the BETA version
at: http://www.fao.org/home
/beta/en/
Username: betatester
Password: home#beta2017
An online presentation of the
new FAO homepage and focus
on the different sections;
• 9 featured stories,
• SDGs
• and Decentralized Offices
Live demo
Thank you!
For more information please
contact
digital@fao.org
Content
Zoie Jones
Communication Officer
OCCM
06/11/2017
Why stories?
Tell me the facts and I’ll learn.
Tell me the truth and I’ll believe.
But tell me a story and it will live in
my heart forever.
“
”- Native American saying.
What makes a good story for the
homepage?
 Quality of the text
 Quality of the photo
 Timeliness
 Language coverage
Which types of stories work well?
 First-person narratives
Example http://www.melyssagriffin.com/best-humans-of-new-york/
Example http://bit.ly/2zm2hPr
 Photo stories
Example http://bit.ly/1mCzTKk
Which types of stories work well?
 Narrative ‘success story’
Example: http://bit.ly/1u3J78w
 Q&A
 List stories
Example: http://bit.ly/2zq6Acn
The 6 simple changes farmers made to boost their yields in Malawi
5 reasons why… 8 steps to…
How do I find a good story?
 Talk to people
What grabs your attention?
 Interview the main people
Use your phone to record it – confirm they’re ok with being recorded.
Focus in on the most compelling parts of the story.
 Collect visual elements
Photos: portraits, landscape, close-ups…
 Consider the best format for your story
Things to consider
 Respect for the people we serve. Maintain their dignity.
 Fact-checking & technical clearance
 Photos, photos, photos.
If you need photo support, the Photo Library is specialized in sourcing professional photo coverage and can help
optimize results and investment. Photo-Library@fao.org
 Timing
Learn more
 Telling the Zero Hunger Story webinar
https://www.slideshare.net/FAOoftheUN/telling-the-zero-hunger-story-why-and-how
1st part: http://fao.adobeconnect.com/plfhby9ci76j/
2nd part: http://fao.adobeconnect.com/p9s1tr4z3wjh/
 Digital storytelling guide
http://www.fao.org/communications/policy/social-media/telling-the-human-stories-digital-
storytelling/en/
Next steps
Contact us with your ideas
digital@fao.org

More Related Content

Similar to Contributing to the new FAO homepage

Mobile and web technologies in Africa: An NGO's expertise and research on "Si...
Mobile and web technologies in Africa: An NGO's expertise and research on "Si...Mobile and web technologies in Africa: An NGO's expertise and research on "Si...
Mobile and web technologies in Africa: An NGO's expertise and research on "Si...
Christoph Hess
 
Portfolio.compressed
Portfolio.compressedPortfolio.compressed
Portfolio.compressed
Heming Zhang
 

Similar to Contributing to the new FAO homepage (20)

Webinar - 15 Ways to improve your library's Facebook page 2015 12-16
Webinar - 15 Ways to improve your library's Facebook page 2015 12-16Webinar - 15 Ways to improve your library's Facebook page 2015 12-16
Webinar - 15 Ways to improve your library's Facebook page 2015 12-16
 
A Better Annual Report - See3 Communications, NTC 2012
A Better Annual Report  - See3 Communications, NTC 2012A Better Annual Report  - See3 Communications, NTC 2012
A Better Annual Report - See3 Communications, NTC 2012
 
Mobile and web technologies in Africa: An NGO's expertise and research on "Si...
Mobile and web technologies in Africa: An NGO's expertise and research on "Si...Mobile and web technologies in Africa: An NGO's expertise and research on "Si...
Mobile and web technologies in Africa: An NGO's expertise and research on "Si...
 
Podcast Application Development Company-Idiosys Tech.pptx
Podcast Application Development Company-Idiosys Tech.pptxPodcast Application Development Company-Idiosys Tech.pptx
Podcast Application Development Company-Idiosys Tech.pptx
 
Telling the zero hunger story: Why and how?
Telling the zero hunger story: Why and how?Telling the zero hunger story: Why and how?
Telling the zero hunger story: Why and how?
 
Josh Luger - Mumbrella Keynote - October 2015
Josh Luger - Mumbrella Keynote - October 2015Josh Luger - Mumbrella Keynote - October 2015
Josh Luger - Mumbrella Keynote - October 2015
 
Emerging Platforms in Interactive Storytelling
Emerging Platforms in Interactive StorytellingEmerging Platforms in Interactive Storytelling
Emerging Platforms in Interactive Storytelling
 
Gang announcements 2010 07
Gang announcements 2010 07Gang announcements 2010 07
Gang announcements 2010 07
 
Intelligent Microcontent: At the Point of Content Convergence | Rob Hanna
Intelligent Microcontent: At the Point of Content Convergence | Rob HannaIntelligent Microcontent: At the Point of Content Convergence | Rob Hanna
Intelligent Microcontent: At the Point of Content Convergence | Rob Hanna
 
Financing freedom section1.02
Financing freedom section1.02Financing freedom section1.02
Financing freedom section1.02
 
P.E.J.E. mission video
P.E.J.E. mission videoP.E.J.E. mission video
P.E.J.E. mission video
 
Writing for the Web from Web Copywriting to SEO Copywriting and Content Marke...
Writing for the Web from Web Copywriting to SEO Copywriting and Content Marke...Writing for the Web from Web Copywriting to SEO Copywriting and Content Marke...
Writing for the Web from Web Copywriting to SEO Copywriting and Content Marke...
 
Portfolio.compressed
Portfolio.compressedPortfolio.compressed
Portfolio.compressed
 
ICCIT Council × GDSC: UX / UI and Figma
ICCIT Council × GDSC: UX / UI and FigmaICCIT Council × GDSC: UX / UI and Figma
ICCIT Council × GDSC: UX / UI and Figma
 
An
AnAn
An
 
Update on communication deliverables January 2015
Update on communication deliverables January 2015 Update on communication deliverables January 2015
Update on communication deliverables January 2015
 
Massimo Buonaiuto Presentation 2010
Massimo Buonaiuto Presentation 2010Massimo Buonaiuto Presentation 2010
Massimo Buonaiuto Presentation 2010
 
Architecting Your Global Digital Experience House - Nicole Uhlig and Derek Pa...
Architecting Your Global Digital Experience House - Nicole Uhlig and Derek Pa...Architecting Your Global Digital Experience House - Nicole Uhlig and Derek Pa...
Architecting Your Global Digital Experience House - Nicole Uhlig and Derek Pa...
 
Leading Digital Transformation in the Cultural Sector: A resource for managers
Leading Digital Transformation in the Cultural Sector: A resource for managersLeading Digital Transformation in the Cultural Sector: A resource for managers
Leading Digital Transformation in the Cultural Sector: A resource for managers
 
Future of land use project overview - august 2019
Future of land use   project overview - august 2019Future of land use   project overview - august 2019
Future of land use project overview - august 2019
 

More from FAO

More from FAO (20)

Nigeria
NigeriaNigeria
Nigeria
 
Niger
NigerNiger
Niger
 
Namibia
NamibiaNamibia
Namibia
 
Mozambique
MozambiqueMozambique
Mozambique
 
Zimbabwe takesure
Zimbabwe takesureZimbabwe takesure
Zimbabwe takesure
 
Zimbabwe
ZimbabweZimbabwe
Zimbabwe
 
Zambia
ZambiaZambia
Zambia
 
Togo
TogoTogo
Togo
 
Tanzania
TanzaniaTanzania
Tanzania
 
Spal presentation
Spal presentationSpal presentation
Spal presentation
 
Rwanda
RwandaRwanda
Rwanda
 
Nigeria uponi
Nigeria uponiNigeria uponi
Nigeria uponi
 
The multi-faced role of soil in the NENA regions (part 2)
The multi-faced role of soil in the NENA regions (part 2)The multi-faced role of soil in the NENA regions (part 2)
The multi-faced role of soil in the NENA regions (part 2)
 
The multi-faced role of soil in the NENA regions (part 1)
The multi-faced role of soil in the NENA regions (part 1)The multi-faced role of soil in the NENA regions (part 1)
The multi-faced role of soil in the NENA regions (part 1)
 
Agenda of the launch of the soil policy brief at the Land&Water Days
Agenda of the launch of the soil policy brief at the Land&Water DaysAgenda of the launch of the soil policy brief at the Land&Water Days
Agenda of the launch of the soil policy brief at the Land&Water Days
 
Agenda of the 5th NENA Soil Partnership meeting
Agenda of the 5th NENA Soil Partnership meetingAgenda of the 5th NENA Soil Partnership meeting
Agenda of the 5th NENA Soil Partnership meeting
 
The Voluntary Guidelines for Sustainable Soil Management
The Voluntary Guidelines for Sustainable Soil ManagementThe Voluntary Guidelines for Sustainable Soil Management
The Voluntary Guidelines for Sustainable Soil Management
 
GLOSOLAN - Mission, status and way forward
GLOSOLAN - Mission, status and way forwardGLOSOLAN - Mission, status and way forward
GLOSOLAN - Mission, status and way forward
 
Towards a Global Soil Information System (GLOSIS)
Towards a Global Soil Information System (GLOSIS)Towards a Global Soil Information System (GLOSIS)
Towards a Global Soil Information System (GLOSIS)
 
GSP developments of regional interest in 2019
GSP developments of regional interest in 2019GSP developments of regional interest in 2019
GSP developments of regional interest in 2019
 

Recently uploaded

Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPSSpellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
AnaAcapella
 

Recently uploaded (20)

OSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsOSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & Systems
 
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfFICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Basic Intentional Injuries Health Education
Basic Intentional Injuries Health EducationBasic Intentional Injuries Health Education
Basic Intentional Injuries Health Education
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPSSpellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
Philosophy of china and it's charactistics
Philosophy of china and it's charactisticsPhilosophy of china and it's charactistics
Philosophy of china and it's charactistics
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17
 

Contributing to the new FAO homepage

  • 1. Contributing to the new FAO homepage OCCI 06/11/2017
  • 2. Greetings from FAO Alifa Noor Ardianingrum Webinar Focal Point OCCI, FAO Claudia Nicolai Platforms and Innovation Team Leader OCCI, FAO Zoie Jones Communication Officer OCCM, FAO Giulia Ruspantini, Facilitator OCCI, FAO Bruno Altobelli Technical Support OCCI, FAO
  • 3. Contributing to the new FAO homepage Claudia Nicolai Platforms and Innovation Team Leader OCCI 06/11/2017
  • 4. Our homepage in numbers  Current homepage was released in 2014.  3,300,000 page views on our homepage in 2016: only 8% of the overall traffic on FAO.org.  While the traffic on FAO.org has been steadily growing the traffic on the homepage has been quite stable in the last three years. FAO.org % Growth Homepage 2014 33,005,368 3,560,725 2015 38,223,440 15.8% 3,255,712 2016 46,963,130 22.9% 3,318,286
  • 5. Why a new homepage?  People are increasingly seeking shorter, graphically appealing content that can be accessed quickly, efficiently, on-the-go.  FAO wants to stress its role as a partner and leader in reaching the Sustainable Development Goals and #zerohunger.
  • 6. Key principles  The new homepage is a compelling audience-centered digital platform, no longer just a mirror of the way FAO’s organized internally.  The design, content, and interaction is aimed at earning the trust of a modern web visitor.  Web visitor are provided with a cohesive, uncluttered experience.
  • 7.  Attention to typography, with bigger easy-to-read fonts.  Semi Flat Design, minimal with pondered use of shadows.  Courageous colors and gradients. Design principles
  • 8.  The homepage is designed first for mobile and is optimized for all devices.  Uses Neutral Space and Grid (responsive).
  • 9.  The decision making and selection of stories lies with the editorial group (OCC).  The homepage is updated daily, in all FAO languages, with content from across sections of FAO.org or prepared specifically.  OCC regularly monitors the homepage to understand the effect of content and position on engagement for different types of material.
  • 10. “ ” Each of us is a unique strand in the intricate web of life and here to make a contribution. Deepak Chopra
  • 11. How can I contribute?  Actors from around the house are encouraged to submit engaging content and stories for the new homepage.  Suggestions for web publishing on the homepage can be submitted to digital@fao.org.
  • 12. Please access the BETA version at: http://www.fao.org/home /beta/en/ Username: betatester Password: home#beta2017 An online presentation of the new FAO homepage and focus on the different sections; • 9 featured stories, • SDGs • and Decentralized Offices Live demo
  • 13.
  • 14. Thank you! For more information please contact digital@fao.org
  • 16. Why stories? Tell me the facts and I’ll learn. Tell me the truth and I’ll believe. But tell me a story and it will live in my heart forever. “ ”- Native American saying.
  • 17. What makes a good story for the homepage?  Quality of the text  Quality of the photo  Timeliness  Language coverage
  • 18. Which types of stories work well?  First-person narratives Example http://www.melyssagriffin.com/best-humans-of-new-york/ Example http://bit.ly/2zm2hPr  Photo stories Example http://bit.ly/1mCzTKk
  • 19. Which types of stories work well?  Narrative ‘success story’ Example: http://bit.ly/1u3J78w  Q&A  List stories Example: http://bit.ly/2zq6Acn The 6 simple changes farmers made to boost their yields in Malawi 5 reasons why… 8 steps to…
  • 20. How do I find a good story?  Talk to people What grabs your attention?  Interview the main people Use your phone to record it – confirm they’re ok with being recorded. Focus in on the most compelling parts of the story.  Collect visual elements Photos: portraits, landscape, close-ups…  Consider the best format for your story
  • 21. Things to consider  Respect for the people we serve. Maintain their dignity.  Fact-checking & technical clearance  Photos, photos, photos. If you need photo support, the Photo Library is specialized in sourcing professional photo coverage and can help optimize results and investment. Photo-Library@fao.org  Timing
  • 22. Learn more  Telling the Zero Hunger Story webinar https://www.slideshare.net/FAOoftheUN/telling-the-zero-hunger-story-why-and-how 1st part: http://fao.adobeconnect.com/plfhby9ci76j/ 2nd part: http://fao.adobeconnect.com/p9s1tr4z3wjh/  Digital storytelling guide http://www.fao.org/communications/policy/social-media/telling-the-human-stories-digital- storytelling/en/
  • 23. Next steps Contact us with your ideas digital@fao.org