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 (and usually due to a Google Image search)

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

TO-DO

• Current sizes of target audiences?
• User interviews?

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

TO DO

• Current conversion channels efficiency?
  • Some data in Google Analytics
    • Probably needs setting up goals in GA

What to put on the site?

OFF ecosystem

• OFF main website
  • fr.openfoodfacts.org
  • en.openfoodfacts.org
• OFF wiki
  • fr.wiki.openfoodfacts.org
  • en.wiki.openfoodfacts.org
• OFF Re-use (apps)
  • Conso-réglo - Allergie alimentaire ? Diabétique ? Régime spécifique ? Analyser les produits alimentaires en scannant le code barre et découvrez si ce produit est bon par rapport à votre profil ! - https://play.google.com/store/apps/details?id=com.consoreglo.presentation
  • No-Maggot - Ne laissez plus pourrir vos aliments dans le frigo ou dans vos placards et consultez à tout moment le contenu de votre garde-manger. NoMaggot vous permet de gérer plusieurs frigos. L'ajout de produits est possible en scannant leur code barre ou de façon manuelle. Une fois créés, les produits ont une fiche modifiable avec une photo, un nom, une marque, une description et une date de péremption. Vous serez notifié quelques jours avant la date de péremption ce qui vous permettra de ne plus rien oublier dans votre frigo. Le nombre de jours restant à partir duquel vous serez notifié est configurable. L'application est très simple à utiliser et gratuite, alors essayez vous-même, vous verrez ! - https://www.data.gouv.fr/fr/reuses/nomaggot-gere-ton-frigo/
  • O Data Food - OdataFood utilise une base de données libre et ouverte Open Food Facts . Grace à OdataFood vous pourrez connaître la composition nutritionnelle et la teneur énergétique d'un article. - https://www.data.gouv.fr/fr/reuses/odatafood/
  • Calfast - Calfast permet de suivre de très près votre régime alimentaire et les calories que vous ingérez au cours de la journée. Depuis l'application Calfast, il est notamment possible de scanner le code barre d'un aliment et récupérer ses informations via l'api JSON d'OpenFoodFacts. - https://www.data.gouv.fr/fr/reuses/calfast/
  • Mes Infos Nutririonnelles - L'appli « mes infos nutritionnelles » se propose de croiser les tickets de caisse Intermarché des utilisateurs informations nutritionnelles d'OpenFoodFacts afin de constituer un profil nutritionnel individualisé. elle permet de suivre l'évolution et la qualité de la nutrition de l'utilisateur au travers des informations nutritionnelles de ses achats ainsi que d'alimenter la base OpenFoodFacts à partir du feedback nutritionnel des utilisateurs. Cette à été réalisée dans le cadre du concours « mes infos » organisé par la fing (http://mesinfos.fing.org/) - https://www.data.gouv.fr/fr/reuses/mes-infos-nutritionelles/
  • Base de données et comparateur de la teneur en sel des produits industriels - - https://www.data.gouv.fr/fr/reuses/base-de-donnees-et-comparateur-de-la-teneur-en-sel-des-produits-industriels/
  • NoPalm - NoPalm.org informe les consommateurs sur la présence d'huile de palme dans les produits alimentaires. Cela est rendu possible par l'utilisation du jeu de données open-data d'openfoodfacts. NoPalm complète cette liste par des articles concernant la problématique environnementale posée par la culture intensive du palmier à huile dans les pays du Sud. - https://www.data.gouv.fr/fr/reuses/nopalm/
  • Combien de sucres ? - Devinez l'équivalent en morceaux de sucres du sucre contenu dans les produits alimentaires. Les données proviennent de la base de produits Open Food Facts. - https://www.data.gouv.fr/fr/reuses/combien-de-sucres/
  • C'est fabriqué près de chez vous - Une carte qui montre où sont fabriqués les produits alimentaires. Les données proviennent d'Open Food Facts (codes emballeurs et numéros d'agrément sur les étiquettes) et sont croisées avec les listes d'agréments du Ministère de l'Agriculture pour obtenir la localisation du producteur. Elles sont ensuite affichées sur une carte OpenStreetMap. - https://www.data.gouv.fr/fr/reuses/cest-fabrique-pres-de-chez-vous/
  • Informations Nutritionnelles - Informations Nutritionnelles permet de comparer la composition nutritionnelle des aliments. Le site utilise les données ouvertes par le CIQUAL (1700 aliments moyens) et par Open Food Facts (produits alimentaires) - https://www.data.gouv.fr/fr/reuses/informations-nutritionnelles/

Points d'entrées sur le site

• Marques
• Codes Emballeurs
• Additifs
• Allergènes ?
• Codes Barres

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.

User page (page displayed when connected

• My products
• Categories followed
• My missions

TO-DO

• Analyze what users are doing on the site, where they click etc.
• Interview users
  • e.g. some very active contributors
  • e.g. some contributors who added only one product
  • e.g. some contributors who never added a product (but registered)

Requirements

Responsive design

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

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