International Plant Protection Convention
Website Redesign: Graphic Design, HTML, CSS, JavaScript, User Testing
The IPPC is an international agreement on plant health to protect cultivated and wild plants by preventing the introduction and spread of pests.
Problem
The existing IPPC site contained a wealth of information which was difficult to access in an unclear hierarchy. Navigation was difficult for visitors, content updates were complex for staff and the site lacked a visual voice.
Solution
Hypertexthero worked with IPPC staff to produce a new www.ippc.int design based on web standards.
A design process was carried out which consisted of the following:
- Identify main site user groups
- Understand site content and organize it into logical sections
- Create wireframe and visual design mockups based on findings from the above
- Create code templates based on the visual designs
- User testing and modifications
- Site launch
After the IPPC’s main audiences were identified the information architecture was drawn out and a wireframe prototype was created which allowed direct use in a browser and better initial feedback.
A visual design was chosen from a series of mockups which were presented to the IPPC Secretariat.
Site elements were separated into clean code consisting of semantic HTML for content, CSS for layout and visual presentation and JavaScript for accessibility-enhancing behaviors such as text-resizing. Page templates using this code were produced for the IPPC programmer to implement.
Hypertexthero then created a custom backend administration interface design for the website which makes management and updates much easier for IPPC and countries’ staff to use.
User testing was carried out with members of the www.ippc.int audience and modifications were made based on test results before the new site launch.
Throughout the project Hypertexthero worked closely with IPPC staff both remotely and in the Food and Agriculture Organization offices in Rome, Italy.
Many thanks to David Nowell, Melanie Bateman, Orlando Sosa, Paola Sentinelli and the rest of the IPPC staff for being wonderful colleagues in this project.
Work Done
Graphic design, HTML markup, CSS, JavaScript, user testing, debugging.