Présentation de Pix-L Communication

L’agence – version 5.0Pix-L Communicationhttp://www.pix-l.fr

Pix-L Communication // 26 rue Frédérick Lemaître, 75020 Paris – T : 01 43 79 81 42 - F : 01 44 62 71 68 – www.pix-l.fr // SARL au capital de 5.500,00 euros - RCS de Paris B451 129 860 – APE : 6202A – N°SIRET : 45112986000024

Pix-L est une agence de communication spécialisée dans le conseil, la conception, la production et l’animation de sites internet à vocation éditoriale et communautaire.

Composée d'une équipe d'experts « nouveaux medias », Pix-L Communication constitue un carrefour de compétences susceptible de répondre à tous les projets multimédias.

Véritable bureau d’étude web, l’agence oriente son client vers les meilleures pratiques.

Concevoir et mettre en œuvre une stratégie de communication interactive Comprendre les problématiques clients Identifier les enjeux et les objectifs

Designer une solutions interactives à 2 dimensions Pour l’éditeur en conquête : Adapter au processus métier En direction du public à conquérir : définir, construire et valoriser une offre de contenu

Spécialisée dans les projets à forte vocation éditoriale et familière de la problématique des interfaces homme/machine, l'expertise de Pix-L Communication repose sur :

- la gestion de contenus en ligne par des outils d'administration ergonomiques et intuitifs,- des outils de travail collaboratif : intranet, extranet, statistiques et autres outils spécifiques,- des interfaces graphiques modernes et innovantes,- une offre en animation événementielle inventive et réactive.

Objectifs et moyens

Designer de solutions interactives


2

2. DESIGN ET CONCEPTION DE LA SOLUTION MULTIMEDIA Rédaction des spécifications fonctionnelles et techniques, Réalisation d’un story-board (maquette et fonctionnalité), Définition de la charte graphique sous contrôle de la direction artistique de l’agence.

4. SUIVI ET ANIMATION Conseils éditoriaux (charte éditoriale…), Animation événementielle (jeux, campagnes newsletters…), Etudes d’audience, Maintenance applicative.

1 2

34

3. PHASE DE PRODUCTION Développement du site sur un serveur de développement, Livraison pour recettage, Mise en ligne sur le serveur de production.

1. PHASE D’ANALYSE ET DE COMPREHENSION Une agence à l’écoute de l’expression de besoin, Réalisation d’un benchmark, Définition d’une stratégie de communication interactive.

Processus métiers


3

Design d’interface et conception


4

Définition d’une arborescence

Document de spécifications fonctionnelles Charte graphique et navigation finale

Définition d’une arborescence

Story-board des pages Détails du back-office

Définition de l’architecture fonctionnelle


5

Page d’accueil FRANCE INFO Génération de trafic par un rubriquage clair et pertinent Valorisation du contenu par des éléments graphiques Aménagement de la zone interactivité

www.france-info.com 100 000 visiteurs uniques par

jour

Stratégie éditoriale et spécification d’une page d’accueil


6

Story-boardStory-board France-info.comFrance-

info.com

Story board de l’outil de gestion de la page d’accueil

Les enjeux à relever : - Rapidité de la publication et gestion en direct des blocs de home avec prévisualisation-Gestion dynamique des blocs de mises en avant par ajout de bloc, glisser/déposer- Gestion de plusieurs formats de blocs, enrichis par des images, des liens, du son…- Moteur de recherche sur une base de données de plus de 10 000 articles- Utilisé au quotidien par le rédacteur en chef de la rédaction multiméda.

Conception fonctionnelle et ergonomie


7

Storyboard de l’outil d’administration des forums

Les enjeux à relever- Gestion du workflow de modération et de publication- Accessibilité et facilité d’utilisation pour les journalistes- Modération et gestion des messages optimisée par traitement automatique et simultané des messages et des réponses- Accès exclusif à l’outil de gestion des forums aux seuls administrateurs, créateurs ou modérateurs des forums.Développé sous forme de plugin du CMS SPIP

Statégie éditoriale et spécification d’une page d’accueil


8

Design d’application et ergonomie

L’outil joueur de la Ligue Nationale de Rugby a été développée spécifiquement pour les besoins du site lnr.fr.

Annuaire : joueurs, entraineurs, staffs techniques, stades, membres ainsi que toutes les compétitions au niveau national et international.

Outil statistiques : temps de jeu, poste les plus joués, meilleurs réalisateurs, résultats, compétitions etc…

Base de données : plusieurs milliers d’items sont administrés dans cet outil qui permet l’automatisation de plusieurs tâches : classements, résultats, pénalités, essais marqués…

L’accès, la gestion et la consultation sont simplifiés et performants .

La mise à jour des données s’effectue au quotidien.


9

Suivi et animation événementielle


10

Document de spécification mini site événementiel Elections américaines sur France Info

Proposition graphique de Pix-L Communication

Page publique « Elections américaines » sur France Info

Stratégie éditoriale et architecture fonctionnelle


11

Dynamisation de l’audience et animation événementielle

Jeunecineaste.net : mise à l’honneur de « Cannes 2008 »

Pix-L Communication réalise des mini sites événementiels pour le compte de France-Info : Anniversaire de la chute du mur de Berlin 2009 Mondiaux d’Athlétisme 2009 Fête de la musique Tour de France JO de Pékin 2008 Euro de football Elections municipales françaises Elections présidentielles américaines 2008


12

Lnr.fr, le « mémory St-Valentin 2010

Ecran de veille Ligue Nationale de Rugby

Widget France Info, toute l’actualité sur son bureau

Conseil et animation événementielle


13

Twitter : La conquête des nouveaux visiteurs passe par le live !Les internautes, toujours en quête d’instantanéité, guettent les sujets qui les intéressent, le hashtag est notre arme.Résultat : Un recueil de bonnes pratiques, de la veille permanente@actufranceinfo : près de 17 000 membres après 2 ans d’existence@lnr_fr : près de 1000 membres après 9 mois.

Netvibes - Agrégation de flux à destin privé ou publicPix-L a développé son propre portail en respectant scrupuleusement les recommandations de Netvibes. Depuis, l’agence a répondu à plusieurs sollicitations d’entreprise désireuses d’offrir à leurs salariés, clients ou partenaires un portail web individualisé axé sur les prérogatives et leurs besoins d’informations et de services. http://www.netvibes.com/pix-l

Facebook : Levier d’une stratégie interactive grand publicParce que c’est incontournable pour plusieurs de nos clients (France Info, Ligue Nationale de Rugby…), Pix-L a fait ses armes dans ce monde de plus de 500 millions d’habitants.Résultat : Un recueil de bonnes pratiques, de la veille permanentePage Fan France Info : prés de 15 000 membres après 2 ans d’existence. Page Ligue Nationale de Rugby : près de 4000 membres après 9 mois d’existence, 2 applications facebook relayant des événements, +20% d’abonnés à la newsletter.

Buzz, viralité et plateformes communautaires


14

Application Facebook : quiz mis en place sur la page Ligue Nationale de Rugby à l’occasion de la Saint Patrick

Application Facebook : la viralité comme moyen de conquète


15

Utilisation poussée des éléments de viralité mis à disposition par Facebook : chaque action des utilisateurs de l’application est relayée sur le mur de leurs amis.

> Bernard Vinaigre a commencé à jouer au jeu proposé

> Bernard Vinaigre a terminé de jouer au jeu proposé

Résultat de l’opération :+ 20 % de membres en une semaine

NL La Fédération Française de Triathlon à l’occasiondu développement de l’activité de la fédération

NL Jeunecineaste.net à l’occasion de la couverturedu festival de Cannes 2008

Newsletters : design et délivrabilité


16

Moteur de recherche de proximité utilisant Google-maps pour le site lacroissanterie.fr

ValiderValider

Entrez votre ville, dép.Entrez votre ville, dép. RechercherRechercher

Trier par filtre 4Trier par filtre 4

GénéralitésLa vue par défaut est paramétrable (ici, la France métropolitaine)

GénéralitésLa vue par défaut est paramétrable (ici, la France métropolitaine)




La géo-localisation, par Pix-l - Proposer des résultats toujours satisfaisant en utilisant l’API Googlemaps- Capter et fidéliser l’internaute en lui proposant ce service complètement intégré au site de la Croissanterie- Autonomiser l’administrateur du site lacroissanterie.fr en lui donnant un outil de back office simple.

Géolocalisation : google-maps


17

Les sites référents ont généré x visites via x sources.

Exemple : le partenariat avec maison du film court (référence jeunecineaste en home) a généré le plus de trafic pour le site

Source des statistiques d’audience : Google analytics, xiti…

Parce qu’une stratégie de communication interactive n’a de sens que si elle est validée par des chiffres, nous réalisons régulièrement des analyses d’audience (tous les 3 mois, tous les ans…) afin de valider les partis pris, ou les ré-orientés.

Analyse d’audience et conseil


18

Ingénierie 2.0 : le CMS “Spip”


19

Principaux sites utilisant Spip

Ministère de l’agriculture : www.agriculture.gouv.fr

Le Monde Diplomatique : www.monde-diplomatique.fr

France Info :www.france-info.com

Et plusieurs milliers d’autres sites :site de commune, d’organismes publics, entreprises…

Cet outil est accessible par un simple navigateur internet.

// Pix-L Communication est un contributeur actif de la communauté SPIP //

Barre d’outils rapidePermet d’accéder aux interfaces de saisie d’article,de brèves, forum, suivi de statistiques….

Ingénierie 2.0 : Spip

Arborescencedu site


20

Visualisation d’un article dans le back-office

Modification d’un article

Ingénierie 2.0 : Spip


21

Spip : résolument orienté vers la publication de contenu


22

Spip se présente comme un service « ready-made », prêt à l’emploi une fois déployé.

Dans cette mesure, notre intervention consiste principalement à :- Développer et paramétrer les fonctionnalités propres aux besoins et à l’organisation métier de nos clients,- Développer les gabarits d’affichage conformément à la charte graphique.

SPIP 2.0, pour une gestion de contenu simplifiée, offrira les avantages suivants

• Permettre une mise à jour aisée réalisée par des non-informaticiens• Donner la possibilité de mettre en place rapidement des espaces d’échanges d’opinions tels que des forums,des sondages, tous ces médiums seront déployés pour mobiliser les différentes communautés d’utilisateur…• Garantir la qualité et la cohérence des contenus• Favoriser la réactivité, et permettre le suivi en mode " projet " des tâches afférentes à l'exploitation et àl'animation du site• Assurer la cohérence de la charte graphique• Gérer des contenus diversifiés et évolutifs, texte et multimédia en privilégiant le dynamisme du rendu• Automatiser la publication en permettant son contrôle et sa validation préalable• Offrir une ergonomie adaptée afin de favoriser son appropriation par les différents contributeurs dont lecoeur de métier n'est pas technique.• Indexer et historiciser les contenus, afin de capitaliser sur l'effort de production et de donner la possibilitéau public d'effectuer des recherches sur les documents et les contenus qui auront été publiés.• Enrichir les contenus par des marqueurs sémantiques grâce au système de mots clés.• Un parfaite compatibilité avec les impératifs d’un référencement naturel optimum.• Une API permettant une connexion et une exploitation avec toute base de donnée extérieure au système(BDD utilisateurs, prospects…)• Une méthode de développement qui permettra d’étendre les caractéristiques des objets éditoriaux.

>> Références notables : France-info.com, renaultf1.com, travail-solidarite.gouv.fr, bakchich.info…

Spip et Pix-L Communication, un rapport de confiance


23

Pix-L Communication a réalisé depuis 2003 plusieurs dizaines de sites internet sous Spip, et a balayé toutes lespossibilités attendues pour ce média :

• Site à vocation éditoriale de forte audience : France-info.com• Site à vocation éditoriale et sportive : lnr.fr• Site portail communautaire : Jeune-cineaste.net• Portail extranet destiné à un cible privilégiée :

• l’espace partenaire d’arkoon.net• réseauxdeconfiance.net

• Plusieurs autres sites et références

Pour ce qui concerne notre capacité à produire des interfaces de gestion de qualité directement intégrée àSpip, nous vous invitons notamment à consulter la présentation de l’outil de gestion de page d’accueildéveloppé dans le cadre du projet France INFO.http://www.pix-l.fr/L-interface-homme-machine-comme.html

Nous sommes suffisamment connus dans la communauté pour nous appuyer sur ses prochains leaders avec lesquels nous avons engagé des chantiers qui ont notamment débouchés sur la mise à disposition :

- D’un plugin permettant d’intégrer le moteur de recherche Mno GoSearch à un système SPIP,- D’une évolution du noyau de Spip (1.9.2E et 2.0) permettant de bénéficier d’une vitesse d’exécutionoptimisée en utilisant au mieux le cache d’un serveur SQL.- D’un article concernant l’optimisation du référencement d’un site internet propulsé par SPIPhttp://www.pix-l.fr/Spip-2-pour-un-referencement.html

Ingénierie 2.0 : le CMS “Drupal”


24

Drupal, la boîte à outils du développeur


25

Drupal se présente plus comme un plateforme de développement plus que comme un « ready-made ». Son positionnement : un plateforme collaborative, un service communautaire.

Drupal constitue une exception dans la famille des CMS par sa conception particulière de la gestion de contenu.

A la différence des autres CMS, Drupal ne propose pas de mettre en ligne des pages html mais permet à des utilisateurs de renseigner des données dont la présentation sera ensuite assurée par le système de template.

De fait, il est presque nécessaire de rapprocher Drupal d'un outil de génération d'outils transactionnels à fonctionnalités simples. Cette orientation est notamment permise par la "philosophie" suivante :

- organisation centrale des contenus (node)- rattachement de chaque contenu à un utilisateur (user)- rattachement de chaque contenu à un tag (taxonomy)

Les possibilités découlant de cette organisation sont par la suite quasi infinies dans la mesure où Drupal permet en outre :

- la définition complète d'un contenu par la description des champs qui le constitue. Drupal générant par la suite les éléments de bases de données nécessaires et les formulaires ad hoc;- la définition de relations entre différents éléments de contenus afin de gérer un modèle de donnée complet.

Drupal, la boîte à outils du développeur


26

L’expertise de Pix-L et son implication dans la communauté DRUPAL

Au départ curieux de mettre en œuvre ce CMS à la réputation mondiale, nous avons été convaincus de son intérêt dans le cadre de projets ambitieux présentant des enjeux majeurs en terme de gestion de communauté nécessitant la définition de profils utilisateurs variés.

Forts de plusieurs projets aboutis à partir de ce CMS (Le Mouv’, Atelier Parisien d’Urbanisme et Ekopolis notamment), notre équipe a su apprivoiser ce CMS nécessitant une forte compétence technique. Misant sur la pérennité de ce système, nous avons participé au Drupalcon Paris en septembre 2009.

Nos références


27

FRANCE INFO www.france-info.com

JEUNE CINEASTEwww.jeune cineaste.net

FEDERATION FRANCAISE DE TRIATHLONwww.fftri.com LIGUE NATIONALE DE

RUGBY www.lnr.fr

LE MOUV’www.lemouv.com

Portails d’information & sites communautaires


28

MILLEMO www.millemo.fr

NELTO www.nelto.com

RÉSEAU DE CONFIANCEwww.reseauxdeconfiance.com

Vecteurs de stratégie e-marketing, dynamisation de réseau


29

NATIXIS – BANQUES POPULAIRES

Service en ligne de devis d’assurance automobile.Disponible à partir des sites des Banques Populaires

INSTITUT DE L’INFORMATION SCIENTIFIQUE ET TECHNIQUE www.inist.fr

ORGANISATION INTERNATIONALE DE LA FRANCOPHONIE www.democratie.francophonie.org

ATELIER PARISIEN d’URBANISMEwww.apur.org

EKOPOLIS www.ekopolis.fr

Institutions et services publics


30

CEQUAMI www.mamaisoncertifiee.com

ENTREPRENEURS D’AVENIR www.entrepreneursdavenir.com

FEEDBACKwww.feed-back.fr

ARKOON www.arkoon.net

IGOwww.igo.fr

Sites de marques


31

SECRETS PROFESSIONNELS www.secret-professionnel.com

UPLA www.uplaworld.com

CVZ www.cvzsa.com

ATMANA www.atmana.fr

LIERAC www.lierac.fr

Sites de marques


32

DANONEwww.jamaissansmacuillere.com

WIF www.webdesign-festival.com

LA VILLETTE NUMÉRIQUEwww.lavillettenumérique.com

Evénements


33

Business

Présentation de Pix-L Communication