Issy.com : une nouvelle expérience interactive et sociale

Lancée le 28 février 2013, la quatrième version du site www.issy.com, fédérant plus de 130 000 visiteurs par mois, offre aux internautes, débutants, confirmés et geeks, une expérience plus visuelle et plus sociale dans un environnement très personnalisable. Ce portail citadin et citoyen propose une navigation alternative, innovante et interactive : actualités sous forme de mosaïque personnalisable, contenus mis à jour quotidiennement et issus notamment de la page Facebook de la ville, de vidéos d’Issy.TV et du fil Twitter de la ville (@issylesmoul), services en ligne pour faciliter le quotidien des habitants en quelques clics, espace personnalisable et sécurisé avec monissy.com.

Par ailleurs, le contenu des services d’agenda et de cartographie du site issy.com est versé dans la partie « open data » du site, permettant ainsi aux développeurs de créer des applications. Coté fonctionnel, l’agenda des événements, accessible dès la home page, peut s’intégrer avec les calendriers personnels. La cartographie avec un fond de carte du plan de la ville fourni par Mappy propose une expérience interactive avec plus de 500 POI. Issy.com est également un site web mobile avec un accès à une sélection de contenus et de services taillées pour les mobinautes.

Conçu et réalisé par la société Niji (www.niji.fr), issy.com illustre l’ancrage historique innovant de Issy-les-Moulineaux.

Ce portail a été réalisé sous Drupal 7 avec l’adaptation de certains modules existants, la création de modules spécifiques et l’intégration de modules externes. Ci-après quelques illustrations concrètes :

- Adaptation du module « Simplenews Content Selection » pour gérer la newsletter de sorte à être compatible avec le template spécifique de la newsletter d’issy.com
- Adaptation du module « Better Messages » en terme de template et de design pour gérer les messages d'avertissement/erreur venant du serveur

- Création d'un module spécifique de partage sur les réseaux sociaux basé sur la librairie « addthis »
- Création d'un module spécifique pour le Facebook Connect basée sur l'Open Graph de Facebook
- Création d'un module spécifique de gestion des popins navigateur basé sur le framework « jQuery »
- Création d'un module spécifique pour la gestion des POI basé sur les API de Mappy

- Intégration avec Views : ajout de filtres sur la page listant les contenus
- Intégration avec Domain Access : gestion du site mobile
- Intégration avec Simplenews, Simplenews Content Selection et Mandrill : gestion de la newsletter
-Intégration avec Epsacrop : gestion du redimensionnement des images provisionnées par le back-office

En synthèse, les grands enjeux du site issy.com en terme de développement ont été :
- Migration des contenus et des utilisateurs de l’ancienne version du site basée sur eZ Publish vers le CMS Drupal.
- Gestion du site pour une consultation web et une consultation mobile
- Réalisation d’une page d’accueil alternative et :
. innovante : il ne s’agit plus d’une page d’accueil traditionnelle (un header, un menu, un contenu central, un footer) mais d’un mur de contenus
. interactive : les contenus du mur se réorganisent en fonction des choix de l’utilisateur opérés à travers des filtres (librairie « isotope »)
. adaptative : Le site prend en compte différentes résolutions pour un affichage sur toute type d’écrans ; en fonction de la hauteur de l’écran, le mur passe sur 2, 3 ou 4 lignes.

A noter que cette présentation ne fera à deux voix entre la ville d'Issy-les-Moulineaux et la société Niji.

Public visé : 
Notions / Connaissance
Thème : 
Etude de cas, Retours expérience