Pix-L Communication - Designer de solutions interactives

yamgnane2010.com

Emmanuel Valluche — 2010-01-18T17:53:36Z

Le site de Kofi Yamgnane, défini comme un support de présentation du programme de "Sursaut Togo", est aussi un carnet de campagne mis à jour quotidiennement.

Kofi Yamgnane est un homme politique franco-togolais, né le 11 octobre 1945 à Bassar (Togo). Il a été Secrétaire d'État chargé de l'intégration auprès du ministre des affaires sociales et de l'intégration de 1991 à 1993 et député socialiste du Finistère. Il est candidat à l'élection présidentielle togolaise de 2010.

Il permet de consulter le programme dans sa totalité, mais aussi de connaitre l'actualité du candidat Kofi Yamgnane (agenda, articles de presse, vidéos...). Le candidat bénéficiant d'une communauté forte le soutenant activement, il est apparue évident de lier le site au groupe Facebook "Kofi Yamgnane".

Enfin, il est possible de soutenir Kofi Yamgnane est effectuant des dons à partir d'un système sécurisé.

www.yamgnane2010.com

Kofi Yamgnane 2010

Emmanuel Valluche — 2010-01-15T16:56:26Z

Le site de Kofi Yamgnane, défini comme un support de présentation du programme de "Sursaut Togo", est aussi un carnet de campagne mis à jour quotidiennement.

Enfin, il est possible de soutenir Kofi Yamgnane est effectuant des dons à partir d'un système sécurisé.

www.yamgnane2010.com

IRM Agency

Emmanuel Valluche — 2010-01-04T11:13:56Z

Etroits partenaires depuis 2004, Pix-L Communication et IRM Agency sont deux agences complémentaires. Quand la seconde se spécialise dans les études de marchés, les audits et les stratégies marketing, la première conçoit, intégre, développe et accompagne le client tout au long de la vie du site.

Résolument tournée vers la stratégie, la démarche d'IRM Agency repose sur une vision transversale d'Internet. Une mission : franchir l'étape relationnelle d'internet en passant d'une « communication » à un « dialogue » entre la marque et ses marchés.

www.irm-agency.com

Le Mouv'

Emmanuel Valluche — 2009-11-27T09:03:00Z

La Radio Le Mouv' a mis en ligne en février 2009 son site internet lemouv.com. L'objectif de ce site était de mettre en place une plateforme jeune, interactive et ludique pour son public de 12-25 ans. Afin de relever ce défi, Pix-L Communication s'est chargée du conseil, de la conception et de la gestion de projet de ce site.

Le nouveau site lemouv.com, développé sous le CMS open source DRUPAL, propose de nombreuses fonctionnalités web 2.0, donnant une large place aux internautes.

On relèvera aussi un traitement de la production sonore de la radio hyper innovant, notamment le player permettant de faire du timeshifting, du "catch up radio" et de l'audio on demand"...

Pix-L Communication, a réussi à relever le défi de la conception de ce site en collaboration étroite avec le service communication de la radio et le service "Convergences & applications plurimédias" de Radio France. La charte graphique a été défini par Les Graphiquants.

La production de ce site est le fruit d'un travail en partenariat, dont la maitrise d'oeuvre et la réalisation a été assuré par Neuros, avec le renfort d'une partie de l'équipe Pix-L.

www.lemouv.com

Ekopolis.fr : construction et bonnes pratiques en Ile-de-France

Sylvain — 2009-11-25T14:15:31Z

Ekopolis est un pôle de ressources pour l'aménagement et la construction durables en Ile-de-France. Il a pour vocation de rassembler les acteurs concernés par l'aménagement et la construction afin d'encourager ces derniers vers l'intégration d'une approche « développement durable ».

Les professionnels de l'aménagement reçoivent d'innombrables revues et publications. En Ile-de-France comme ailleurs, la centralisation et la classification des ressources représentent un enjeu majeur pour les acteurs concernés.

L'objectif d'EKOPOLIS est de rassembler ces informations et de les répertorier sur le site ekopolis.fr.

Pix-L Communication, en collaboration avec l'agence Cheeri pour la partie graphique, a développé l'ensemble du site sous le CMS Drupal dans sa version 6.13 et assuré le suivi de projet.

Points forts du site :

ergonomie
ressources en tous genres
retours sur expérience
géolocalisation
finesse des moteurs de recherche

Un travail de plusieurs mois pour un site de référence sur lequel les professionnels du secteur se reposent pour intégrer une approche résolument développement durable.

www.ekopolis.fr

Pix-L se fond dans Netvibes !

Emmanuel Valluche — 2009-11-23T18:08:53Z

Pix-L poursuit sa maîtrise de l'environnement Netvibes en proposant la création de widgets sur mesure validés par Netvibes.com. Direction artistique, CSS, gestion de flux, développement, n'hésitez plus, demandez à Pix-L !

Bref rappel : Netvibes ne propose aucun contenu propre mais agrège le contenu en provenance d'autres sites. Des modules spécialisés ont été développés pour augmenter l'intégration des sites particulièrement populaires (Gmail, del.icio.us, flickr, Myspace, facebook, etc...). On peut aussi y ajouter des modules pré-programmés tels que la météo, un compte mail POP ou ses favoris.

Dans les dernières références de l'agence, Pix-L Communication a récemment développé un portail Netvibes pour l'Inria, l'Institut National de Recherche en Informatique et en Automatique.

Licences en ligne F.F.TRI.

Emmanuel Valluche — 2009-11-23T18:06:37Z

La Fédération Française de Triathlon a lancé à la rentrée son service prise de licence en ligne. Pix-L a suivi ce chantier de près en s'occupant de la partie graphique et ergonomie afin de faciliter l'accès licenciés à ce nouveau produit.

Accéder au site www.fftri.com

L'interface homme/machine comme élément structurant d'une dynamique éditoriale

Emmanuel Valluche — 2009-07-20T15:56:45Z

Dans le cadre du projet france-info.com, un des enjeux majeurs est de publier du contenu de façon rapide et simple.
Sur un portail comme France Info, l'autre enjeu est de donner un maximum de latitude dans la valorisation des informations publiées, la page d'accueil devant être le reflet de la dynamique de la rédaction.

Nous ne vivons pas vraiment dans un monde où une information en chasse une autre, mais plutôt dans une société où une information devient plus importante qu'une autre. _* Cette sélection ne peut évidemment pas être faite par la machine, seul le rédacteur en chef décide de cette hiérarchie, il doit la représenter sur sa page d'accueil.

Pour répondre à cette analyse, encore plus évidente pour une chaine d'actualité dont le crédo est de "donner la priorité à l'information chaude et immédiate", nous avons mis en œuvre un outil maison qui permet de travailler dans les meilleures conditions :

Facilité d'usage : la priorité donnée à l'ergonomie permet à France Info de changer sa page d'accueil 4 ou 5 fois par jour.
Rapidité d'exécution : tout se fait par clic et drag &drop, aucune compétence technique n'est nécessaire.
Le rendu de l'interface d'administration est quasiment identique à la page qui sera produite au finale.
Afin d'avoir un meilleur aperçu de cet outil, nous vous proposons de consulter les vidéos montrant les opérations les plus évidentes : Une structuration de la page par bloc disposant de caractéristiques administrables :
Taille
Position
Contenu

fichiers/flv/2009-07-02_18-49-33.FLV.flv

Les opérations d'ajout de contenu sont effectuées à partir d'interfaces simples directement connectées au CMS

fichiers/flv/2009-07-02_18-46-07.FLV.flv

Plusieurs types de bloc ont été préparé, ce qui permet :

De mettre en avant des articles publiés au sein du site
D'insérer des images
De valoriser des contenus riches tels que des vidéos, des web reportages, des publications issues de blogs...

fichiers/flv/2009-07-02_18-47-30.FLV.flv

Pour une démonstration de la force de cette interface ou tout autre demande, n'hésitez pas à nous contacter

Spip 2.0, pour un référencement naturel parfait

Emmanuel Valluche — 2009-03-19T17:29:55Z

Pour connaitre le succès, un site internet a besoin d'être mis à jour régulièrement et facilement, c'est l'un des objectifs et l'un des impératifs d'un CMS tel que SPIP.

Il existe bien d'autres méthodes et techniques à respecter, nous allons voir dans la suite de cet article qu'avec SPIP, il est possible de respecter les principales attentes des moteurs de recherche. Ces réponses doivent être mises en place lors de la phase de configuration de Spip puis lors de la production des squelettes.

1 – Configuration de Spip :

> Installez l'excellent plugin « Champs extra 2 » créé par Fil et Marcimat. Pour ce faire, suivez la procédure décrite ici : http://www.spip-contrib.net/Champs-Extras-2
Une fois l'installation faite, déclarez 2 champs au niveau des tables rubrique : description et keywords.
Pour la page d'accueil, nous vous conseillons d'utiliser les zones disponibles pour la configuration du site (Configuration / Contenu du site).

> Installez le plugin « URL » créé par Fabrizio Di Carmine (Pix-L Communication).


Plugin "URL Article"

Il vous permettra de définir l'url d'accès à vos articles à partir du Champs PS. Avec le principe suivant :
- Si le champ PS n'est pas renseigné, c'est le titre de l'article qui sera pris en compte ;
- Si le champ PS est renseigné, c'est lui qui sera utilisé lorsque Spip va calculer les URLs.

> Configurez la réécriture d'URL que vous souhaitez mettre en place à partir de l'espace Configuration / Interactivité / Fonctions avancée. Vous trouverez là une zone « Type d'adresse URL ». Nous vous conseillons de choisir « Propre2 ». Arrivé à cette étape, le back office vous permet de :
- Gérer les balises metas description et keywords par rubrique à partir de l'interface de gestion des rubriques.
- Mettre en œuvre la réécriture d'URL sur votre site internet.
- Définir précisément les urls d'accès à vos articles

Et tout cela, sans avoir écrit une seule ligne de code !!

> Toujours dans l'objectif d'optimiser au mieux le référencement naturel de votre site internet, voici des infos complémentaires complémentaires :
Créez vous un compte sur le centre Google pour les webmasters
Installez le plugin Sitemap Google (il y a un article intéressant à ce sujet sur ce blog)

2 – Préparation des squelettes.

A cette étape, il va falloir réfléchir un peu plus et écrire des boucles.

> Dans la zone head de la page
Les squelettes proposés dans la dist ne sont pas optimisés pour répondre à cet enjeu. En effet, la meta description est déclarée dans les 3 squelettes articles, rubriques et sommaire.

Il me semble préférable de nettoyer les 3 squelettes susnommés et d'utiliser le squelette inc-head.html.

C'est dans ce fichier qu'il faudra gérer les balises :

Title : Affichez ici le titre de l'article en cours, et sinon, prenez le titre de la rubrique. Il est recommandé de ne pas dépasser 65 caractères.

Meta Description : Affichez ici la description de la rubrique en cours, sinon prenez ce que vous avez saisi dans le champ description que nous avons créé au niveau de la rubrique (pas plus de 60 mots).

Meta Keywords : Affichez ici les mots clés saisis dans la rubrique en cours (pas plus de 10 à 20 mots).

Voici un exemple pour le sommaire, les rubriques et les articles :

Les balises #META_DESCRIPTION et #META_KEYWORDS ont été préalablement créées via champs extra 2 dans l'admin spip.

Rubriques :


 
 #SET{titre_rubrique,(#TITRE|textebrut|supprimer_numero)}
 #NOM_SITE_SPIP [- (#GET{titre_rubrique})]
 []
 []

Articles :


 
 #SET{titre_de_la_page,(#TITRE|textebrut|supprimer_numero)}
 #SET{titre_rubrique,(#TITRE|textebrut|supprimer_numero)}
 []
 []
 #NOM_SITE_SPIP [- (#GET{titre_rubrique})] [- (#GET{titre_de_la_page})]

Sommaire :

[(#ENV{sommaire}|oui) 
 []
 
 #NOM_SITE_SPIP
 ]

> Dans la zone body de la page.

Basez-vous sur les squelettes de la "dist", ils sont très complets :

Ecriture des titres dans la balise h1.
Pour l'écriture des liens : utiliser les balises spip #URL_ARTICLE et #URL_RUBRIQUE
...

Pour avoir une liste complète des techniques à mettre en œuvre, consulter cet article très clair : http://www.hiseo.fr/optimisations/memento-du-referencement/

OIF, Le Catalogue Francophone des Images du Sud

Emmanuel Valluche — 2009-03-18T13:41:00Z

L'OIF, Organisation Internationale de la Francophonie, dans le cadre de sa mission de valorisation de la culture francophone et de sa diversité, réalise un démonstrateur du Fond Audiovisuel des images du sud afin de préparer le terrain à la mise en place d'une plateforme d'échange et de mise en relation des acteurs de la production audiovisuelle francophone.

Pix-L, fort de son expertise en design de solutions interactives et de définition d'une stratégie éditoriale, a été chargé par l'OIF de concevoir puis produire ce démonstrateur.
Les enjeux à relever étaient les suivants :

Faciliter l'administration d'un fond d'œuvre dense et en perpétuel enrichissement -à partir du CMS Spip-

Structurer par une base de données modélisée spécifiquement pour le projet, tout le fond est administrable à partir d'un back office convivial s'appuyant sur Spip 2.0.

Démontrer les possibilités offertes par une plateforme d'intermédiation : la notion de membre a été représentée, le profil de diffuseur, qui est la cible privilégiée par l'OIF, a été pris comme référence en terme d'expérience utilisateur.

Identifier les principaux leviers de fidélisation au service : dans un premier temps, la stratégie a été axée sur la force d'un portail d'information et la nécessité de faciliter l'accès à ce fond riche en proposant plusieurs trajets d'accès à une œuvre (moteur de recherche, sélection de mots clés, sélection éditorial (parcours), statistiques d'usages, vidéos, visionnage en streaming...)

Ce démonstrateur a été présenté aux possibles acteurs du projet dans le cadre du FESPACO, Festival Panafricain du cinéma et de la Télévision (Ouagadougou, Burkina Faso) et devrait être présenté lors du Festival de Cannes 2009.