IPPC Design Docs

Updated: 2024-04-11
by simon@simongriffee.com

Current

Print & Publications

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

• Illustrations for IPPC website
• Redrawn Logotype
• 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