Project:Web Site Redesign

Target audiences

Visitors and users of the Open Food Facts web site include:

General public

• interested in what they eat for a lot of different reasons
  • people with eating restrictions (allergies (e.g. lactose, gluten), personal convictions (e.g. vegan), religion)
  • people who want to eat better food (ingredients, quality labels)
  • people who want to eat healthier food (e.g. pay attention to additives and nutrition facts)
  • people who care about the environment (e.g. local food, palm oil)

First time visitors

• Visitors who have read about Open Food Facts somewhere
• Visitors who stumble on a product page after typing a specific query in Google

Regular users

Returning and regular users who use Open Food Facts to:

• Decrypt labels of their products
• Search products meeting their needs
• Compare products before buying them

Contributors

Contributors:

• add products with the Android, iOS or Windows Phone apps
• add information to products (that they have added or that others added) like categories, ingredients, nutrition facts etc.
• correct errors

Re-users

• Individuals, organizations and companies who re-use the Open Food Facts data to do other things:
  • personal research
  • data journalism
  • mobile apps
  • web apps

• Mostly interested in the licensing and technical details:
  • http://world.openfoodfacts.org/data
  • help and feedback (e.g. API needs etc.)

• It would be a good thing to show some of the actual re-uses
  • we are currently listing them off-site on https://www.data.gouv.fr/fr/datasets/produits-alimentaires-ingredients-nutrition-labels/

Journalists

Journalists can come to Open Food Facts because:

• they are interested in the project and want to write about it
• they are researching something related to food (e.g. an additive like aspartame or E150d) and they found us through Google

Goals

Turn 1st time visitors into contributors

In almost all countries, we do not yet have a critical mass of products to build really useful applications. It is thus critical to turn as many first time visitors into contributors who will add products distributed in their country.

Turn 1st time visitors into regular users

Can only be done for countries with a representative set of products. As of 22/09/14, France and Spain.

Increase contributors engagement and efficiency

• Give them tools to be efficient
• Automate as much of the work as possible
  • e.g. field auto-completion

What to put on the site?

In progress: a list of all the things that are currently on the site (or that could/should be on the site). We can discuss which ones are important and for which target audiences, and then decide where to put them (on the home page, in a special section etc.)

Information items

Last products added

• Maybe more interesting to show most popular products to first time visitors

Most popular products

• currently not shown

Top contributors

• currently not shown on home page

News

• blog posts

Special campaigns

• e.g. What's in my yogurt? - http://whatsinmyyogurt.com

Social networks buttons

• Twitter, FB, G+

Product page

Displays available information for each product.

Needs a redesign of its own.

Links

• Legal
• Terms of use
• Who we are
• FAQ
• Ideas forum (uservoice)
• Blog
• Press

More links

• FB (page + group), G+, Twitter
• Wiki
• Mobile apps: iOS, Android, Windows Phone

Navigation items

Add a product box

• With a barcode (send picture)
• With a barcode number
• Without a barcode

Graphs form

• Currently mixed in the advanced search form.

Facets drilldown

Products can be explored using facets (field types like brands, categorie, labels etc.)

List of facets

• brands, categories, labels etc.

For each facet type, list of facet value

• http://world.openfoodfacts.org/categories

For each facet value, list of corresponding products

• http://world.openfoodfacts.org/category/beverages

For each facet value, second level of facets

• http://world.openfoodfacts.org/category/beverages/brands
• http://world.openfoodfacts.org/category/beverages/brand/coca-cola

More facets levels drilldown?

Currently we support 2 levels of drilldown, but we could add more, with a different interface.

Requirements

Responsive design

• Have a single version of the site that gracefully displays on laptops, tablets and smartphones
• use a framework like Foundation

Internationalization

Open Food Facts is a global project, we aim to be in all markets and as many languages as possible.

We need:

• Sub-sites for each country (e.g. http://fr.openfoodfacts.org)
• Sub-sites available in different languages (e.g. http://ch-fr.openfoodfacts.org in French and http://ch-fr.openfoodfacts.org in German)
• Right-to-left support for Arabic, Chinese, Hebrew, Japanese, Korean etc.
  • Zurb Foundation supports right-to-left, Twitter Bootstrap does not