Voici aujourd’hui le premier jet du nouveau thème de ce blog, que vous allez voir évoluer au fil des semaines. Aujourd’hui, j’ai simplement recréé les fonctionnalités de base que j’avais dans le thème précédent. Prochainement, d’autres éléments feront leur apparition…

Mon objectif est de décortiquer le fonctionnement d’un thème WordPress et les fonctionnalités que l’on trouve de plus en plus de manière standard sur les thèmes dits « premium », afin de les comprendre et d’être capable de créer moi-même à partir d’un simple éditeur de texte le thème qui répondra à mon besoin.

Bien sûr, j’aurais pu tout simplement customiser un thème WordPress gratuit, il y en a de nombreux sur le web. Mais cette dernière solution n’est pas sans risque.

J’aurais pu aussi acheter un thème payant, et/ou m’appuyer sur des frameworks existants (type Thesis etc…). Le paramétrage est très simple, il se fait via la console d’administration de WordPress.

Mais ma préférence va à l’exercice qui permet de comprendre ce qu’il y a « dans le moteur » , à me frotter aux css et à la compatibilité des navigateurs sur un cas concret. Le tout, de préférence, tard dans la nuit, et en m’aidant de l’excellent livre de Fran6art…

N’hésitez pas à laisser vos suggestions, encouragements, critiques dans les commentaires !

Je vous avais déjà parlé de ce projet dans ce billet. Le site est maintenant en ligne.  Stéphanie Carles, avec qui j’ai travaillé  avec beaucoup de plaisir sur ce projet, en dévoile le déroulement sur son blog. J’en profite pour la remercier, ainsi que le Dr Vigneau, très chaleureusement, pour leur confiance.

L’association La Vie entre les mains propose des soins esthétiques gratuits aux personnes atteintes du cancer, qui sont soignées à l’Institut Claudius Regaud de Toulouse (ICR).

Une équipe de bénévoles passionnés et très dynamiques, sous la houlette du Dr Anne-Hélène Vigneau, assure la vie et le développement de l’association, qui apporte douceur, apaisement quant tout n’est que souffrance. On connaît le rôle déterminant du moral pour l’évolution favorable d’un cancer, et on ne peut rester insensible aux témoignages qui sont publiés sur le site : ils parlent d’eux mêmes pour se rendre compte très concrètement de ce qu’apporte l’association aux personnes atteintes d’un cancer.

L’association organise régulièrement des expositions artistiques, ce qui, en plus de créer une animation pour les personnes traitées à l’ICR, permet de récolter des fonds pour poursuivre l’œuvre de l’association.Vous pouvez aider l’association de différentes manières, décrites sur le site.

Pour ma part, je suis particulièrement heureuse et fière d’avoir pu apporter ma modeste contribution à ce bel édifice. Non seulement, j’ai pu renouer avec la vie associative, mais j’ai beaucoup appris en matière de webdesign et d’intégration sous WordPress.

Reste maintenant à faire connaître l’action de l’association à plus grande échelle, j’espère que le site web permettra d’y contribuer au milieu de toutes les actions de communication qui sont prévues par l’association, qui fourmille de projets !

Nous avons déjà des idées pour faire évoluer le site, et si vous avez des suggestions à faire, n’hésitez pas à laisser un commentaire, ou à contacter directement l’association La vie entre les mains !

D’ailleurs, si vous manquez d’idées cadeau pour Noël et si vous habitez dans la région Toulousaine, surveillez bien le site :  l’association organisera une vente pour la fin de l’année.

Et la recherche s’est révélée fructueuse.

Quelques règles de base avant tout :

• Ne pas bouleverser les repères des internautes
• Adapter la fiche produit aux besoins de l’internaute cible : c’est pourquoi il n’y a pas de modèle unique qui fonctionne.
• Inclure les éléments de rassurance de manière bien visible et intégrée, pour que l’internaute soit en confiance et conclue l’achat.
• Une fiche produit qui fonctionne est une fiche produit qui transforme : elle génère l’achat en un clic.

Cette présentation de Malinéa cite la règle des 3 T : théatralisation (mise en scène de l’offre : belles photos..), transparence (rassurance) et transformation. Elle donne des exemples concrets de maquettes de fiches produits efficaces par secteur d’activité en se basant sur les attentes des internautes : par exemple, les fiches produits pour la mode et l’alimentation sont plutôt horizontales en privilégiant le visuel, le prix, la taille. Dans le secteur high tech, le consommateur s’attache plutôt aux garanties, aux avis, au prix, et accessoires : c’est ce qui sera mis en avant dans des fiches plutôt verticales.

Les boutons « call to action » doivent être regroupés dans la même zone, avec un graphisme clair, des couleurs positives différentes de celles de la charte graphique pour une visibilité maximale.

Pour Peggy, les 5 points essentiels à prendre en compte dans une fiche produits sont :

• limiter la pollution visuelle (l’internaute doit trouver l’information et ne pas aller la chercher sur une autre page)
• scroller au minimum
• pas de lien dans le texte marketing
• un design sobre et de belles photos claires
• éléments de rassurance intégrés à la fiche

Ludovic Passamonti, quant à lui, met l’accent sur l’aspect visuel des photos et de l’organisation des informations, qui donne ou non l’envie d’acheter, avec de beaux exemples pertinents. Ludovic propose même de partir du visuel produit pour construire autour de celui-ci l’architecture de la page web, et non l’inverse.

On ne répètera jamais assez l’importance de fournir des photos de qualité, zoomables, ou même pourquoi pas, avec une vision à 360° ou l’utilisation de la réalité augmentée, l’objectif étant que l’internaute vive une expérience la plus proche possible d’un véritable achat en boutique.

Quelques réflexions complémentaires :

Un titre clair, explicite avec les bons mots clés est un bon point de départ. Le descriptif doit être suffisamment précis pour renseigner immédiatement l’internaute tout en restant concis, et et mettant en avant les bons mots-clés. En effet, le référencement (SEO) est un point essentiel qui ne doit pas être éludé. Pour l’optimiser, l’arborescence du site doit être pensée en amont, à la création du site, et les catégories doivent être élaborées aussi en fonction du SEO. Le « fil d’Ariane » est apprécié de Google, et il aide aussi à naviguer facilement dans le site.

Afin d’éviter que l’internaute n’aille sur une autre page, l’utilisation de pavés d’informations (parfois richement illustrés) au survol de la souris, pour donner un maximum d’informations en restant sur la page, peut s’avérer efficace.

N’oublions pas également d’inclure dans la fiche produit le  « cross selling »  : la suggestion d’articles complémentaires à celui de la fiche produit, qui permet à la fois d’augmenter le taux de transformation et le panier moyen.

Les avis clients et le « social shopping » (« j’aime », liens vers les réseaux sociaux) permettent de créer une communauté autour du produit et donnent également un coup de pouce au référencement. A intégrer à la fin de la fiche.

Le meilleur moyen de savoir si sa fiche produit est efficace est de tester, tester, tester encore ! Les tests A/B de différentes versions sont très instructifs, Google Analytics permet de les réaliser très facilement. Le bouton d’achat doit-il être à gauche ou à droite ? Rouge ou vert ? Les résultats sont parfois surprenants, il faut être créatif sans arrière pensée.

Alors, prêt à créer une fiche produit parfaite ? Voici encore quelques conseils sur le blog de Wizishop pour vous aider.

Vous avez d’autres éléments à ajouter ? Des exemples de fiches produits parfaitement réussies ?

Pierre-Olivier avait lancé un appel sur son blog pour aider l’ONG Charity Water à fournir de l’eau potable à des populations qui n’y avaient pas accès. La démarche voulait aussi démontrer l’intérêt de l’utilisation des réseaux sociaux (blogs, Twitter, Facebook) pour inciter les bonnes volontés à relayer l’opération et à réunir des fonds.

C’est ainsi que Pierre-Olivier a réussi à mobiliser de nombreux blogueurs et web-addicts, et plus de 6000$ ont été récoltés au sein du groupe « French Geeks for Water » créé pour l’occasion.

L’heure du bilan a maintenant sonné. Et Charity Water, gérant le projet de main de maître, a adressé à Pierre-Olivier un rapport précis sur la destination des fonds, et à chacun des donateurs, un email avec les principaux éléments. Je vous laisse lire les détails sur le blog de Pierre-Olivier, qui a écrit une longue note que je ne veux pas recopier ici. Le plus important est que grâce une partie des  fonds, 500 personnes ont à présent de l’eau potable, et le solde est venu aider 1000 personnes concernées par un autre projet.

Je tiens à souligner ici le professionnalisme de Charity Water, qui rend des comptes précis à ceux qui se sont investis pour un de leurs projets. Leur manière innovante d’aborder un projet humanitaire, comme un projet business (dans le bon sens du terme), avec rigueur, transparence et le souci du reporting, est remarquable par rapport à des ONG beaucoup plus anciennes (Charity Water n’a que 5 ans d’existence) et de plus grande taille, qui n’ont pas cette démarche. En abordant l’aide humanitaire sous cet angle, et en exploitant toute la puissance du web et des réseaux sociaux, les budgets sont optimisés et l’efficacité redoutable.

La plupart du temps, lorsque l’on fait un don à une ONG, il est impossible de retracer le « chemin » de sa contribution. Parfois même, les aides ne parviennent pas réellement aux populations, étant détournées sur place. Ce qui, à terme, décourage les gens de donner à des ONG.

L’attitude professionnelle de Charity Water est un exemple, dont beaucoup d’associations et/ou d’ONG devraient s’inspirer pour développer et fidéliser leur réseau de donateurs.

Merci à Pierre-Olivier pour m’avoir permis de faire partie des « French geeks for water », et de découvrir à la fois une ONG efficace et la démonstration concrète de ce qu’est la solidarité sur le web.

Voici une vidéo du président de Charity Water, Scott, qui explique ce qu’il veut faire à présent.

The 2011 September Campaign. Our 5-year-anniversary video from charity: water on Vimeo.

L’adaptation d’un site web aux différentes tailles d’écran est devenue une préoccupation majeure depuis l’apparition de  tailles et résolutions d’écrans très variées  :  smartphones, tablettes, notebooks…C’était l’occasion pour les webdesigners d’échanger leurs techniques et méthodes de travail sur ce sujet encore tout neuf. Raphaël Goetter, d’Alsacréations, a apporté son éclairage de spécialiste.

Liens, compilations, frameworks, astuces de travail, cette heure m’a apporté un concentré express d’informations pratiques très utiles pour approfondir le sujet.

Le WD Friday va reprendre ainsi sur Twitter, avec un rythme bi-mensuel (au lieu d’hebdomadaire) le vendredi de 13h à 14h. Un compte-rendu sera disponible prochainement sur le blog du site, mis en ligne normalement courant de la semaine prochaine.

Le transcript de la conversation est accessible ici en attendant, pour une durée de 7 jours. Vous pouvez soumettre vos idées de sujets sur le site du WD Friday, et échanger sur la page Facebook du groupe.

UPDATE : Dorénavant, c’est le blog du WDFRIDAY,   et non plus Twitter,  qui sert de support aux discussions, avec un nouvel article tous les vendredis. Les réponses sont ainsi plus structurées, plus travaillées, et disponibles même pour ceux qui ne peuvent se libérer sur un créneau horaire pour un Tweet-up.

Tout commence par une visite chez un opticien pour acheter ma première paire de lunettes de vue : quelque chose de tout simple, juste pour des petits travaux d’aiguille de près.

Je rentre dans un grand magasin vide et froid, où j’espère bien trouver une monture à mon goût, vu le grand choix disponible. Je me fais immédiatement alpaguer par un commercial. J’ai beaucoup de chance : aujourd’hui il y a une remise de 40% sur les montures de marque, même sur la 2e paire ! Il m’emmène immédiatement vers les montures les plus chères pour les essayer. « Vous avez une bonne mutuelle, cela ne vous coûtera rien !  »

A aucun moment, il ne m’a demandé de quoi j’avais besoin ! Trop occupé à essayer de me vendre une 2e paire, des solaires etc…

En définitive, je ne trouve qu’une seule monture qui me convienne au visage, à la fois solide (ce sont des lunettes  que je vais mettre et enlever sans cesse), confortable… Partout, que des formes rectangulaires à la mode avec des montures très fines ou en partie inexistantes autour des verres (donc très fragiles), qui ne me correspondent pas du tout : la dictature des marques et de la mode.

Par ailleurs, les méthodes agressives du commercial me déplaisent fortement.  Et puis, afficher d’entrée de jeu -40% sur deux paires de montures en dit long sur les marges qui doivent être réalisées…

Enfin, à quoi bon vouloir à tout prix me vendre des lunettes solaires dont je n’ai pas besoin, tout cela pour épuiser le forfait de ma mutuelle (on s’étonne ensuite que les mutuelles augmentent leurs tarifs… aux dépens de ceux qui ont peu de moyens). Bref, je refuse de cautionner un tel système et je repars.

Je me souviens alors d’avoir suivi l’hiver dernier sur Twitter un « start up week-end » toulousain, le lauréat était un projet de lunettes sur le web, un certain Jimmy Fairly. Au vu du jury, constitué d’entrepreneurs du web renommés comme Pierre Olivier-Carles, ce doit être certainement une start-up prometteuse. J’interroge Google, et je vois que l’idée a fait son chemin : en arrivant sur le site web, je suis très agréablement surprise !

Déjà, le site est très réussi, et j’y trouve exactement les montures que je cherchais en termes de forme et de couleur, un style rétro avec différentes variantes,  à moitié prix de celle que j’avais vue en magasin. Il y a même la possibilité d’essayer 4 paires de lunettes, à domicile sans frais ( juste une caution). Je choisis de ce pas 4 montures ! En plus, elles sont faites en France… Un bon point supplémentaire ! Pour les plus hésitants, un chat avec un opticien est possible. Le site étant très explicite, je n’en ai pas eu besoin.

Surtout, le concept « buy one give one » correspond bien à mes valeurs. Au lieu de vouloir inciter les gens à dépenser toujours plus au-delà de leurs besoins, le site permet aux acheteurs de fournir une paire de lunettes à un enfant qui lui, en a réellement besoin. Le site offre aussi la possibilité de renvoyer ses lunettes usagées pour qu’elles puissent être réutilisées.

Petit clin d’oeil personnel qui me touche particulièrement, j’apprends que Jimmy Fairly travaille avec une ONG qui aide les enfants de l’Himalaya, et plus particulièrement du Zanskar, contrée chère à mon cœur pour y avoir fait un magnifique trek, d’où le nom de ce blog… La boucle est bouclée.

Vous l’aurez compris, j’ai trouvé l’offre sur ce site très bien ficelée pour apporter un peu d’éthique, d’humanité et d’originalité dans ce « monde de brutes » ! A leur façon, ils rendent le monde un peu meilleur, et tant qu’à faire un choix, autant les aider eux !

Il faut dire que l’équipe est bien entourée : c’est ainsi qu’on reconnait la patte du webdesigner Colorz du site web Archiduchesse. Patrice Cassard lui-même a d’ailleurs posé pour le site et donné son nom à une monture.

Alors je souhaite une longue vie aux jeunes entrepreneurs (6 associés de moyenne d’âge 24 ans) qui démarrent ce magnifique projet. C’est un vrai plaisir que de pouvoir modestement les aider à répandre la bonne parole ! Ils vont devoir se battre sur un marché en plein boom, avec notamment l’arrivée prochaine du site de Marc Simoncini, et d’autres.

Vous pouvez aussi retrouver Jimmy Fairly sur Twitter et sur Facebook.

PS : ce billet n’est absolument pas sponsorisé!

Et à la mi Août, un autre évènement est venu perturber l’activité des laboratoires pharmaceutiques sur Facebook : Facebook a enlevé le système de blocage des commentaires  sur les pages fan des laboratoires , sous le prétexte de favoriser un dialogue authentique avec les marques.

Ce changement a mis les laboratoires dans une position très délicate : d’abord vis-à-vis de la règlementation concernant la communication médicale avec le public, très stricte en la matière, mais surtout par le fait que le contrôle 24h/24 des pages s’impose désormais, avec les investissements que cela implique.

Des pages sans commentaires peuvent encore être ouvertes, mais elles ne concernent qu’un médicament, et non le laboratoire.

Les laboratoires ont dû gérer rapidement les conséquence de ces changements.

Ainsi, Novartis a purement et simplement fermé sa page Facebook.

Pfizer, qui s’était fait hacker son compte à la fin du mois de Juillet, explique en détail les conditions de modération des commentaires. Le laboratoire semble hésiter à poursuivre son engagement. Il est vrai que le laboratoire est le plus actif avec plus de 31000 fans, il doit y avoir du travail pour le community manager !!!

Boehringer  et Johnson & Jonhson réaffirment, eux, leur engagement à communiquer avec les patients. La démarche de Boehringer semble davantage être couronnée de succès en termes de nombre de commentaires. Les chiffres exacts sont disponibles (en anglais) sur le blog Whydot Pharma.

La question, pour les laboratoires pharmaceutiques, est maintenant : doit-on rester ou se désengager de Facebook ? Les investissements déjà réalisés pour concrétiser la présence du laboratoire sur Facebook valent-ils vraiment-ils la peine d’être poursuivis face à la versatilité de Facebook, qui change unilatéralement du jour au lendemain les conditions d’utilisation ? D’un autre côté, un désengagement signe une perte sèche des sommes déjà investies…

Dans ce contexte, Google + n’apporte-t-il pas aux laboratoires le moyen de poursuivre le travail commencé pour constituer et animer une communauté dans un cadre plus stable, que le système des cercles permet de contrôler plus facilement ? Google + sera-t-il pérenne, ou finira-t-il comme Wave ? Dans ce cas, la bascule vers Google vaut-elle la peine d’être tentée ?

Pour le moment, les pages réservées aux marques et aux organisations devraient être disponibles dans Google+ d’ici la fin de l’année. Nous pourrons alors comparer aux conditions d’utilisation de Facebook…ou tout au moins celles qui seront alors d’actualité !

Et vous, qu’en pensez-vous ?

Le programme complet de la journée se trouve sur le site Bargento 2011 :  7 conférences, et grande nouveauté cette année, 24 ateliers thématiques animés par des avocats spécialisés, des logisticiens, des référenceurs, et bien sûr des experts Magento.

Pour la première fois, il sera possible d’assister au Virtuagento, le Bargento virtuel, en s’inscrivant le jour même, gratuitement, sur le site. Visite des 30 stands et suivi des 7 conférences sont ainsi possibles en ligne pour ceux qui ne peuvent se déplacer à Paris.

Pour vous inscrire, c’est ici !

Selon les problèmes de communication rencontrés par les patients, des scénarios sont élaborés pour les mettre en condition de pouvoir réaliser ce qui leur pose des difficultés. Par exemple, le patient doit demander où se trouve son repas dans une salle à manger alors que d’autres avatars sont déjà présents, et en train de converser.

Des évalutations ont été effectuées chez  45 adultes, autistes, schizophrènes, ou ayant subi de graves lésions neurologiques, et 45 enfants autistes, atteints d’un syndrome d’hyperactivité, ou présentant également des lésions neurologiques .

C’est la première fois que des progrès aussi probants dans l’aptitude à recréer des relations ont été constatées. Second Life, et plus largement les univers virtuels, présentent un intérêt thérapeutique indéniable. C’est un formidable espoir pour des malades qui jusqu’ici avaient bien peu de solutions pour améliorer leur communication avec le reste du monde. Espérons que ces travaux seront poursuivis, approfondis, et déboucheront sur des publications qui autoriseront leur diffusion à grande échelle, pour améliorer le quotidien d’un maximum de patients.

Pour en savoir plus, vous pouvez retrouver l’article source en anglais.

http://www.apa.org/Images/2009-09-second-life_tcm7-85075.jpg

Dès 2008, le laboratoire ouvrait un compte Twitter. Aujourd’hui, le compte du laboratoire possède 5700 abonnés (journalistes, autres laboratoires, médecins, patients). Des comptes ont été ouverts également par les filiales américaine et allemande de Boehringer. Les sujets des twitts peuvent être aussi bien des actualités, des publications scientifiques intéressantes, des invitations à des évènements, et la réponse à des questions. Toutes les informations sont publiées à travers un process de validation qui assure le respect de la règlementation.

Le laboratoire a saisi l’opportunité de son 150e anniversaire pour créer l’an dernier sa page Facebook afin d’établir une communication plus personnalisée  et moins concise que sur Twitter, en s’affranchisant de la limite des 140 caractères, et en se tournant vers les jeunes générations avec un langage adapté.

Ainsi, figurent sur cette page des informations sur la mission du laboratoire, ses produits, des liens vers les pages du site internet du laboratoire, avec possibilité de commentaires par le public. La page compte aujourd’hui 5000 « likers » et des évolutions sont prévues pour 2011.

Parallèlement, le laboratoire a beaucoup investi dans sa présence sur FlickR et YouTube, en développant des médias adaptés. Il s’agit par exemple d’interview d’experts qui exposent des résultats d’études cliniques sur des produits en cours de développement, ou encore des témoignages de malades… Tout ceci passe, là encore, par un processus de validation pour respecter la règlementation.

Bien sûr, le laboratoire a développé des sites web spécifiques d’information autour d’une maladie : diabète, cancer…Ces sites se veulent la référence scientifique sur la maladie mais se veulent aussi pédagogiques et ludiques.

Enfin, pour avoir une vision d’ensemble de l’écosystème du laboratoire sur la toile, un outil a été spécifiquement créé pour Boehringer par une agence. Il réalise une agrégation des contenus de Twitter,  YouTube, les forums et les blogs sur une base de 180 mots-clés sélectionnés. Produits, pharmacovigilance, essais cliniques, tout ce qui est dit sur la toile et qui concerne le laboratoire est tracé pour pouvoir intervenir très rapidement en cas de problème.

Voici un laboratoire qui a bien cerné les médias sociaux, leurs enjeux, et qui a mis en place sa stratégie de communication sur ce type de média. Un exemple à suivre, puisque Boehringer compte sur 2011 amplifier la communication vers les médecins et les patients à travers les réseaux sociaux. .