IPPC Design Docs

Updated: 2024-07-29
by simon@simongriffee.com

Current

Print & Publications

Logos

• ePhyto logo redesign v1

Brochures

• Introduction for authors of IPPC Diagnostic Protocols v6 v5 v4 v3

Reports

• International Day of Plant Health Impact Report v2 v1
• Climate-change impacts on plant pests Technical Resource v2 v1

Factsheets

• ephyto v3
  commodity v3
  third party v3
  summary v3
• IPPC-Factsheets-2024-06-03.zip
• IPPC-Factsheets-2024-05-29.zip

• Tote Bag v1
• Posters and banners
  v5
  General v4.1 2024-07-09
  Edits 2024-06-09
  v4.1 Farm Protect
  v4 v3 v2
• Banner Horizontal 90×350xm version: 1
• Banner Vertical 85×200cm version: 1
• General Poster A0, 84.1×118.9cm version: 1
• Technical Poster A0, 84.1×118.9cm version: 1

Get Involved Guide - International Day of Plant Health (IDPH)

• EN version: 5 4 3 2 1
• ES someone else working on it?
• FR someone else working on it?
• RU someone else working on it?
• AR version: 5 4 3 2 1
• ZH version: 3 2 1
• Logo/identity design modifications (~27mb zip) sent on Monday, 25 March 2024

“Green Book” - IPPC Convention Text

• EN version: Press-ready v15 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1
• ES version: Press-ready v6 6 5 4 3 2 1
• FR version: Press-ready v4 4 3 2 1
• RU version: Press-ready v5 4 3 2 1
• AR version: Press-ready 4 4 3 2 1
• ZH version: Press-ready v5 Press-ready v4 4 3 2 1

Ideas

• IPPC Calendar, yearly, downloadable PDF for printing in A4, A3, and letter sizes.
• New IPPC posters in PDF format for download and printing. Bold colors. Plants. World. Vegetables. Trade. Climate.
• Blog posts detailing how IPPC helps and fits in the lifecycle of a particular crop, like coffee, millets rice, wheat, pineapples, avocados, etc, with plenty of photos from the field.

Graphics

• Africa Phytosanitary Programme Stickers v1
• E-Commerce Exhibit v4 v3 v2 v1 (~14mb)
• Illustrations for IPPC website
• Redrawn Logotype
• Social Media Cards
  2024-06 v1 2024-06-26
  2024-05 v3 v2 v1 (~3.3mb)
  Social Media Cards 2024 (~14mb)

Templates

• HTML and CSS templates for the IPPC website

Mockups

• e-commerce-ippc-mockup-v2.pdf (1-page PDF)
• e-commerce-ippc-mockup-v1.pdf (2-page PDF)
• IPPC Website Redesign Mockups
• Colors from Mockup 6

Personas

• Personas Development Questions Template
• Hypothetical answers (before user data received)

Questions

• IPPC User Questionnaire (editor link)

Theme Switcher

• Theme switcher to reduce eyestrain in different lighting conditions

2020–2021

Luz IPPC Video

• Luz story, character development, and illustrations for animated IPPC video

2009–2015

Presentations | Meeting Notes

Communications & Identity

• FAQ
• Letterhead
• Posters
• Brochures & Flyers
• Logotype
  • Current logos
  • Redrawn & Masthead translations
  • Animated
• Newsletter
• Photo Gallery pulling IPPC Flickr Group photos. Given the recent uncertainty surround Yahoo!, who owns Flickr, I think we should probably host our own gallery. Some options:
  • Scry
  • Gallery

Notes & Recommendations for Future Development Phases

• IPPC IT Workflow Suggestions
• IPPC Common Authentication Framework - The ‘All Our Users’ Database
• IPPC 3.0 Future Redesign Sitemap
• User business cases for using Django web framework for www.ippc.int development.txt
• IPPC Software - A Guide for Decision Makers - May 2012
• Software Request and Justification - Python, Django, Git
• Data & Content Publishing brainstorming
• Have complete control over our own server!
• Human-friendly URLs!
  • We need to remove base href tag from the top of all page because it is being used incorrectly and doesn't need to be used at all. Done!
  • See Django, below — if your web framework doesn't give you complete control of your URLs, start using one that does! This is important!
• Better browser-window page titles
• Better backend: better tools than current Typo 3 implementation such as Django, Drupal, Wordpress.
• Improved information architecture
  • list pages
  • detail pages
  • breadcrumbs
• Database normalization
• Brainstorm for better web writing

Tools & Demontrations

• TogetherJS real-time collaboration tool for any website
• IRSS page mockup with tabs
• Phytosanitary.info new layout mockup
• Calendar 2.0 using Google calendar
• Comments Tool / TPDP Expert Consultation on Draft Diagnostic Protocols
• ISPMs Navigation & Browsing
• Organigram
• PCE (Phytosanitary Capacity Evaluation tool)
• State of Membership to the IPPC
• Text Editor and Markup
• Website security

Public Site Layouts

• APPPC website templates
• APPPC website test on http://ippc.int server

• Homepage
• About
• Core Activities
• Countries
• Single Country Page
• Sitemap
• 404 Page Not Found
• Colophon (About This Site)

Arabic (right-to-left writing) Examples

• Homepage - Arabic
• Core Activities - Arabic
• Countries - Arabic
• Single Country Page - Arabic

Work Area Layouts

• Login
• Dashboards:
  • Chief Editor 1.0
    
  • Group Member 1.0
    
  • Country Editor 1.0, 2.0
• Edit Contact
• Add Publication Updated Thursday, 27 January 2011 at 12:22:14
• Help Main Page

HTML, CSS, JavaScript Elements

• Add Another
• Anchor Highlighter
• Bulk Upload Tool template
• Buttons
• Copy to Clipboard
• Country Selector:
  • Regular select menu
  • Autosuggest & Label in Input Field
• Date Picker
• Editing Toolbar
• Help System
• Icons
• Messages: Errors, Warnings, Success
• Page Tools
• Region Selector
• Show, Hide or Toggle Elements
• Sidebar Toggle Menu
• Stylesheet Switcher
• Tabs
• Tablesorter Custom Dateparser Example
• Text Resize