FM Conseil

Nouveau site Web-Impact : Mon-Parfum-Bio.com

2009-11-15T01:20:00.003+01:00

Un nouveau site développé sous Web-Impact 3.0 a été mis en ligne la semaine dernière : Mon-Parfum-Bio.com. Comme son nom l'indique, il s'agit de la première boutique en France entièrement dédiée aux parfums bio et naturels.

Cette boutique utilise bien évidement l'ensemble des fonctionnalités e-commerce de Web-Impact et en particulier la possibilité de partager un même stock entre plusieurs boutique en ligne. L'éditeur de Mon-Pafum-Bio.com édite également le site Oanisha. Les deux boutique s'appuie sur la même plateforme. La possibilité d'ouvrir plusieurs boutiques sur une même plateforme est une des nouveauté de la version 3 de Web-Impact.

Nouveaux sites Web-Impact

2009-10-11T21:28:00.003+02:00

Je l'annonçais dans un précédent billet, la rentrée, avec plusieurs sites web en chantier, était chargée. Deux mois après, 2 site sont en productions et un troisième est en cours de finalisation.

La nouvelle version du site de Bobelweb est en ligne depuis 2 semaines et a été développé avec la version 3.0 de Web-Impact. Bobelweb développe et commercialise des solutions en ligne pour le spectacle vivant en mode SaaS. Ce site comporte une boutique en ligne sur laquelle sont commercialisée les abonnements aux différentes solutions Bobelweb et les services associés (achat de mail, formations). Il propose également des ressources pour les utilisateurs des solutions Bobelweb (démos, tutoriels, base de connaissances, etc.).

Le second site qui vient tout juste d'être mis en ligne concerne une coopérative agricole qui comporte plus de 200 points de vente sur l'ensemble du territoire. Il est réalisé par un de nos partenaires, la société Orca. Ce site comporte une partie publique (catalogue produit et demande de devis, magazine, annuaire des points de vente) et un intranet pour les points de vente de la coopérative.

Enfin, Cafeine Interactive vient de se doter d'une plateforme mutualisé de boutique en ligne qui s'appuie négalement sur Web-Impact 3.0. La première boutique en ligne à voir le jour sur cette plateforme sera celle de la marque cosmétique Dayna.

Quand je vous disais que la rentrée était chargée ...

Le prototypage de site web

2009-08-18T22:02:00.003+02:00

La conception, la rédaction de spécifications fonctionnelles et technique et le prototypage sont une part importante dans un projet web ... enfin quand on veut que le dit projet soit mené à bien. Mais je dois bien avouer que la rédaction des docs techniques n'est pas la partie que je préfère et le plus fastidieux pour moi c'est la réalisation des story board ou prototypes.

Jusqu'à maintenant j'utilisais les classiques Visio ou Powerpoint pour faire les story board mais ces 2 logiciels ne me donnaient pas vraiment satisfaction, je suis donc partie en quête de nouvelles solutions.

Il existe 2 grandes familles de produit : les logiciels et les solutions web en SaaS.

Dans la catégorie SaaS, le plus simple est iPlotz qui permet bien sur de story border des pages, mais également de partager les prototypes avec vos équipes. Une version gratuite est disponible mais est limitée à un projet et 5 pages. La version illimitée est proposée à 15$ / mois. Cerise sur le gâteau, une version française es disponible. Les story board peuvent être exportés en jpeg ou pdf. Je teste actuellement cette solution sur un de mes projets.

Toujours en SaaS, ProtoShare propose un périmètre fonctionnel plus riche allant jusqu'à la création de documentation technique (sous word). Les abonnements vont de 15$ à 89$ / mois en fonction du nombre de projets et du nombre d'utilisateurs. Une période d'essai de 30 jours est prévue pour tester la solution.

Dans la famille des logiciels, ont peut citer Axure ou Justinmind prototyper dont les licences sont vendues respectivement à 589$ et 690$.

Après un rapide tour des fonctionnalités, je suis plutôt séduit par les solutions SaaS en particulier pour leurs facilités de partage et leurs coûts d'exploitation.

Et vous, qu'utilisez-vous pour réaliser vos story board ?

Eté studieux, rentrée chargée

2009-08-13T22:16:00.003+02:00

Il parait que pendant le mois d'août la France s'arrête de travailler, que le téléphone sonne dans le vide, que l'on peut prendre le temps de profiter de Paris. Il parait ... Enfin d'habitude c'est comme ça.

Mais cette année, le mois d'août est synonyme de charrette, et la rentrée sera tendue. Au programme : le développement de la V3 de Web-Impact -enfin- sur laquelle je reviendrai dans un prochain billet, de la direction de projet sur 2 intranet et le développement de 4 sites s'appuyant sur Web-Impact :

Le site de Bob el Web (éditeur de solutions en ligne pour le spectacle vivant)
La boutique en ligne de la marque de cosmétique naturel Dayna
Une boutique en ligne pour un projet encore top secret
Le site pour une coopérative de matériel agricole

C'est quand les prochaines vacances ?

Bob el Web cherche un expert Javascript (CDI)

2009-06-23T14:15:00.003+02:00

Un de mes clients : Bob el Web - éditeur de solutions en ligne pour le spectacle vivant cherche un développeur spécialisé en Javascript. Voici l'annonces, n'hésitez pas à la faire tourner dans vos réseaux :

La société Bob El Web, leader en France de l'édition de logiciels de gestion destinés aux tourneurs de spectacles et aux professionnels de la musique, recherche un expert javascript pour un poste à pourvoir à compter du 1er juillet 2009.

Initialement proposé sous forme de base de données Filemaker, le logiciel phare de la marque, « Bob'Prod », est en cours de portage sur une plateforme Internet. A ce titre, Bob El Web développe une interface utilisateur similaire aux clients riches présents sur les applications dites de bureau. Il ne s'agit donc pas d'agrémenter une application web classique avec des fonctionnalités mineures, mais bien de réaliser un client riche basé presque uniquement sur Javascript (et plus particulièrement le framework extjs) et capable de dialoguer avec une solution php.

D'abord en renfort de l'équipe existante, le futur salarié sera progressivement autonome sur les questions d'interface et d'ergonomie. Il aura la charge de développer les fonctionnalités manquantes, mais également de consolider et optimiser l'existant.

Si vous aimez les challenges et êtes prêt(e) à rejoindre une petite équipe dynamique évoluant sur un marché de niche en pleine mutation, voici ce que vous devez savoir sur le profil recherché :

Niveau Bac +2 ou supérieur en informatique.
Programmation Javascript orientée objet. Utilisation d'au moins un framework parmi : Extjs, prototype, YUI, jQuery.
Maîtrise des feuilles de styles et du HTML.
Capacité à apprendre par soi-même, curiosité, passion pour le web et les interfaces utilisateur. Cette qualité est fondamentale et pourra être étayée par les expériences ou projets réalisés. Elle peut également permettre de sélectionner un candidat qui n'aurait pas toutes le compétences citées dans les points précédents.
Capacité à travailler en équipe, à composer avec l'existant tout en apportant les idées qui peuvent progressivement faire évoluer les développements.
Des compétences en php sont un plus.

Des compétences en FLEX et actionscript peuvent également constituer un plus très apprécié.

Ne passez pas à côté de la chance d'appréhender un nombre varié de sujets liés aux développements web, et de montrer vos capacités et votre motivation dans un environnement où elles pourront s'épanouir pleinement !

Pour plus d'informations sur le poste et pour faire acte de candidature, contactez Nicolas Béliard à l'adresse nico [at] bobelweb.eu
Vous trouverez plus d'informations sur la société Bob El Web sur : www.bobelweb.eu

Contrat proposé : CDI
Salaire envisagé : 22k€, suivant expérience et qualifications.
Lieu de travail : Bordeaux, dans les locaux de l'entreprise.

Portrait robot du e-commerçant

2009-02-05T10:47:00.003+01:00

Oxatis vient de publier les résultats d'une enquête sur le profil des e-commerçants réalisé auprès de 2 500 sites marchand. L'étude complète est disponible ici.

Les résultats de cette étude bouscule un certain nombre d'idée reçues sur le commerce électronique. Si on voulait résumer cette étude et dresser le portrait robot du e-commerçant, on pourra dire que celui ci :

est plutôt un quadra : 51 % entre 35 et 49 ans
habite plutôt en zone rurale : 53 % habitent dans des agglomérations de moins de 10 000 habitants
est plutôt diplômé : 44 % sont bac+3 ou plus
travaille plutôt en solo : à 56 %
a monté son activité pour être plus libre (horaires, travail à domicile)
et n'est ni un pure player (70 % ont aussi une boutique physique) ni un geek

Ce portrait est clairement différent de l'image que l'on a habituellement du commerçant en ligne jeuneparisienpureplayerpreparantsasecondelevéeedefond !

La donnée pour moi la plus significative est la proportion relativement réduite de pure player (30%). La grande majorité des 48 500 boutiques en ligne françaises constitue donc pour leurs éditeurs une activité d'appoint. Ce fort pourcentage explique que 31% des boutiques font moins de 10 commandes par mois et 47,6 % entre 10 et 100 commandes par mois (sources Fevad).

Vous vous reconnaissez dans ce portrait robot ?

Un carrousel de produits avec Yahoo UI - 2/2

2009-01-22T09:00:00.001+01:00

Après avoir construit l'interface de notre carroussel produits, nous allons maintenant l'animer, toujours en utilisant la librairie Yahoo UI.

Nous allons pour se faire construire 2 fonctions : la première pour faire défiler les produits (f_play) et la seconde pour arrêter le défilement (f_stop). Ces deux fonctions utilisent les méthodes setTimeout() et clearTimeout().

function f_play (p) {
 if(isNaN(p) == true) {
  var p = 0;
 }   
 var p = p % 6;
 tabView.set('activeIndex', p);
 p++;
 t = setTimeout("f_play("+p+")",2000);
  }
function f_stop (event) {
 //var cible = YAHOO.util.Event.getTarget(event, true)
 var p = this.id
 tabView.set('activeIndex', p);
 clearTimeout(t);
}

La durée d'affichage du produit en partie gauche est fixée à 2000 millisecondes soit 2 secondes.

L'appel de ces fonctions se fait par le code suivant :

YAHOO.util.Event.addListener(window, "load", f_play);
var ids = ["0", "1", "2", "3", "4", "5"];
YAHOO.util.Event.addListener(ids, "click", f_stop);

Vous pouvez voir ce carroussel en action sur la boutique de cosmétique Oanisha.

Pour toutes informations complémentaires sur la librairie yahoo et son utilisation, je vous invite à consulter le site Yahoo Developer Network.

AB testing : Acheter ou Ajouter au panier

2009-01-21T23:35:00.009+01:00

La question du jour est : quel est le meilleur libellé pour le bouton d'ajout au panier ? Le texte le plus courant est "Ajouter au panier" on trouve également quelques fois "Acheter" ou autres libellés plus exotiques du genre "Je le veux" ou "j'adore, j'achète !".

Ce bouton est d'une importance capitale pour maximiser le taux de transformation. Toutes les composantes de ce bouton sont importantes : le texte bien sur, mais également la couleur, la typo et l'emplacement.

Une littérature abondante existe sur le sujet et en particulier sur les blogs Ikom : "Bouton ajouter au panier" ou Capitaine Commerce : "80 boutons Acheter, peut être même plus". Ces articles constituent un état de l'art et propose des bonnes pratiques.

Ces bonnes pratiques sont une base de départ indispensable, mais pour réellement maximiser le taux de transformation, il existe une solution très efficace : l'AB testing. Sous ce terme quelque peu barbare se cache un concept assez simple : on teste 2 hypothèses (A et B) pour déterminer la plus efficace.

Web-Impact intègre depuis peu une fonctionnalité d'AB testing qui peu être utilisée pour optimiser les différents aspects d'un site web. Pour ne pas trop dérouter les visiteurs habituels du site, l'hypothèse B qui représente la nouvelle hypothèse n'est proposée qu'à 20% des visites.

Une fois que l'on a déterminé la meilleure hypothèse, le jeu est de continuer l'optimisation en mettant l'hypothèse gagnante avec une nouvelle hypothèse.

Un carrousel de produits avec Yahoo UI - 1/2

2009-01-20T12:00:00.003+01:00

Avec le développement des interfaces riches (RIA) il est de plus en plus fréquent de croiser des carrousel de produits sur les boutiques en ligne. Il faut dire que cette fonctionnalité est plutôt pratique et permet d'afficher plusieurs produits en rotation sur un espace réduit.

Il existe au moins 2 manières de réaliser cette fonction : en flash ou en javascript. C'est cette dernière voix que nous allons utiliser et faisant appel à la librairie Yahoo UI qui va nous permettre de réaliser le carrousel rapidement et de façon conforme aux standards W3C.

L'idée est de réaliser un carrousel qui ressemble à la copie d'écran ci-dessous : 1 produits mis en avant (à gauche) parmi une liste de 6 produits, le produit à gauche changeant toutes les 2 secondes. Lorsque l'on clique sur l'un des produits de la liste de droite, ce produit est affiché à gauche et le défilement automatique est arrêté.
Pour construire le carrousel, nous allons utiliser le composant TabView de YUI. Les onglets de ce composant sont habituellement situés en haut, mais il est également possible de les afficher à droite ce qui va bien nous aider dans notre cas.

Pour initialiser le composant TabView, nous aurons besoin d'appeler les fichiers suivants :

<script type="text/javascript" src="/yui/yahoo-dom-event/yahoo-dom-event.js"><script>
<script type="text/javascript" src="/yui/element/element-beta-min.js"><script>
<script type="text/javascript" src="/yui/tabview/tabview-min.js"><script>

Il sera également nécessaire d'appeler la feuille de style des onglets :

<link rel="stylesheet" type="text/css" href="/yui/tabview/assets/skins/sam/tabview.css">

Le code html du carroussel se présentera de la manière suivante :

<div class="yui-skin-hp marginbottom" id="Carroussel">
  <div id="product" class="yui-navset">
      <ul class="yui-nav">
          <li id="0">
              <!-- Lien produit 1 -->
          </li>
          <li id="1">
              <!-- Lien produit 2 -->
          </li>
          <li id="2">
              <!-- Lien produit 3 -->
          </li>
          <li id="3">
              <!-- Lien produit 4 -->
          </li>
          <li id="4">
              <!-- Lien produit 5 -->
          </li>
          <li id="5">
              <!-- Lien produit 6 -->
          </li> 
      </ul>
      <div class="yui-content">
          <div style="margin:5px">
              <!-- Détail produit 1 -->
          </div>
          <div style="margin:5px">
              <!-- Détail produit 2 -->
          </div>
          <div style="margin:5px">
              <!-- Détail produit 3 -->
          </div>
          <div style="margin:5px">
              <!-- Détail produit 4 -->
          </div>
          <div style="margin:5px">
              <!-- Détail produit 5 -->
          </div>
          <div style="margin:5px">
              <!-- Détail produit 6 -->
          </div>
      </div>
  </div>
</div>

Le code suivant permet d'initialiser le carroussel et de lui passer les paramètres d'affichage :

var tabView = new YAHOO.widget.TabView('product', { activeIndex: 0 } );
tabView.set('orientation', 'right');

Nous avons maintenant la "carcasse" du carroussel. Nous verront dans le prochain billet comment l'animer.

HTML, CSS : Revenons aux bases

2008-11-03T10:00:00.003+01:00

Depuis bientôt 15 ans que je baigne dans le monde merveilleux du web, j'ai vu passer un grand nombre d'évolutions majeures et même de petites révolutions. Nous sommes ainsi passé de pages essentiellement textuelles, faute de bande passante pour diffuser des images, à des interfaces riches (RIA) ou au déploiement de véritable applications web.

Force est de constater que cette profusion de nouvelles fonctionnalités et de nouvelles technologies a pu faire oublier aux développeurs la base de toute page web : le HTML. Sans doute considéré comme trop trivial par beaucoup d'informaticiens, le HTML se retrouve bien souvent être le parent pauvre des applications web.

Paradoxalement, alors que les évolutions du web n'ont jamais été aussi présentes, la qualité du codage HTML revêt aujourd'hui une importance toute particulière dans plusieurs domaines de premier ordre :

La compatibilité entre navigateur : jusqu'à il y a quelques mois, les choses étaient simple, un navigateur trustait 80 ou 90 % des parts de marché, il pouvait donc être tentant de faire l'impasse sur la compatibilité du code. Aujourd'hui 2 navigateurs se partagent le marché à part égale ; la compatibilité est donc indispensable.
La maintenance des applications : Une application développée dans le respects des standards sépare les données (le html) de la présentation (les css) et utilise les balises html juste. Ces pratiques fournissent un code plus court, plus lisible et sur lequel graphistes et développeurs peuvent travailler séparément.
Le référencement naturel : c'est un enjeux majeur de la visibilité d'un site. Une des conditions d'un bon référencement naturel est un code html respectueux des standards et en particulier du web sémantique.

Le premier point sur lequel porter son attention est le le Doctype. Ce point nécessiterait à lui seul un article entier. Pour faire court, le doctype indique au navigateur la manière de lire et d'interpréter lapage HTML. En l'absence de définition, le navigateur passe en mode quirks, c'est à dire qu'il interprête la page comme il peu. Ce type d'interprétation a 2 conséquences : des différences d'interprétation et donc de rendu entre différents navigateurs et un travail d'interprétation plus difficile pour le navigateur (demandant donc plus de ressources).

Il existe pas mois de 6 doctype différents :

2 versions : HTML 4.01 et XHTML 1.0
3 types : transitional, frameset, strict

Dans le cadre de la création d'un site il est recommandé d'utiliser XHTML 1.0 Strict. Ce doctype est plus le rigoureux mais celui qui donnera les meilleures résultats. Il y a au minimum 2 règles à garder présente à l'esprit pour ce doctype : il s'agit de XML donc toutes les balises doivent être fermée (un <BR> par exemple n'est pas conforme et devra être écrit <br />) et la présentation doit être assurée par en CSS et non dans le HTML.

Pour tout savoir sur le doctype vous pouvez consulter cet excellent article sur Alsacréation.

Le second point important concerne le web sémantique. Il s'agit notament d'utiliser chaque balise html pour l'usage dans lequel elle a été conçue. Un titre de page par exemple ne doit pas être défini par un <div class="titre"> mais par un <h1>. Un tableau sert à affichées des données et en aucun cas à assurer une mise en page. La bonne utilisation du html et du css rendra votre code plus facile à comprendre par tous les "utilisaeurs" : navigateur, moteur de recherche, logiciel vocaux et également plus clair donc plus facile à maintenir.

Vous trouverez plus d'information sur le web sémantique sur Open Web.

Pour valider vos pages, vous pouvez utiliser les outils du W3C pour les pages html ou les css.

Université Jam au Salon des Micro Entreprises

2008-10-15T13:35:00.005+02:00

J'étais invité hier aux université Jam (société de portage salariale) qui se déroulait dans le cadre du Salon des Micro Entreprises. Pour ces universités qui avait regroupé une cinquantaine de consultant, Jam nous avais concocté un programme dense, mais des plus intéressants.

Les hostilités ont débutées à 12h avec un Speed Business Meeting qui nous a permis de rompre la glace de façon ludique avec mes petits camarades consultants. Les discussions se sont poursuivies autour d'un buffet déjeunatoire.

La recherche de clients pose souvent un problème aux consultants mais elle est pourtant indispensable à toute activité. La première conférence avait donc pour thème "Consultants : comment gagner de nouveaux clients ?". Elle était animée par Frédéric Vendeuvre, Fondateur du cabinet de formation Halifax. Pandant 1h30, Frédéric, nous a donné les principales clés pour trouver de nouveaux clients et c'est attaché à nous présenter la vente, non pas comme une corvée, mais comme une activité ludique dans laquelle il était possible de prendre du plaisir. Un des points qui m'a semblé le plus important est de savoir renoncer à une vente ou à un client si les conditions ne sont pas équilibrées.

A l'issue de cette séance plénière, les consultants Jam ont eu la chance de retrouver Frédéric en petit comité pour un atelier de 2h ou avons pu lui poser tous nos questions.

Second temps fort de cette après midi, la conférence animée par Philippe Bloch, co-auteur de « Service compris », fondateur de Columbus Café, auteur de « Bienheureux les Fêlés… » et animateur sur BFM. Philippe est intervenu sur "Faites la différence par le service !" et a fait de nombreuses disgressions, fortes intéressantes, sur son parcours et ses expériences. J'ai retenu en vrac :

l'importance relative du business plan : "Ca ne sert qu'à rassurer un banquier ou un investisseur, mais c'est toujours faux".
La richesse de l'apport des autodidactes pour innover : "Tout le monde savait que c'était impossible à faire. Puis un jour quelqu'un est arrivé qui ne savait pas, il l'a fait" - W. Churchill
Travailler avec des collaborateurs qui nous font avancer : "en France le recrutement est souvent fait sous forme de poupées russe : un manager recrute souvent quelqu'un de moins bon que lui qui ne le mettra pas en danger qui à son tour recrute quelqu'un de moins bon ...."
Pour un entrepreneur, le vrai moteur est la passion : "l'enterpreneur importe du stress et exporte de l'enthousiasme".

A la fin de cette conférence, je suis tombé sur Jean Hubert, alias Le Tribulateur qui couvrait le salon en tant que blogeur accrédité (la classe !).

Cette après midi dense c'est terminée autour d'un verre par une séance de dédicasse du premier livre de Philippe Bloch "Service Compris".

Une boutique en ligne c'est aussi de la techno

2008-06-15T12:04:00.002+02:00

Dans un billet intitulé "Les 4 Piliers de l'E-commerce, Véritable Canal de Distribution de Spécialistes !", Michel de Guilhermier écrivait fort justement que le succès d'une boutique en ligne reposait sur 4 piliers indissociables (Techno, E-marketing, Commerce, Logistique) et que la techno n'était qu'un de ces piliers.

On ne peut qu'être d'accord avec cette analyse .... lorsque l'on a les moyens de financer ces compétences. Mais que faire lorsque l'on souhaite se lancer seul ou à deux dans l'aventure du e-commerce avec un budget .... de TPE ?

Le réseau des entreprenxxtes, qui rassemble quelques dizaines d'entrepreneurs du web -plutôt des TPE-, constitue à cet égard un bon exemple de la réalité de l'organisation d'une grande partie des boutique en ligne française. On constate que l'entrepreneur est souvent seul et ne maitrise donc qu'un seul des 4 piliers ; souvent la techno ou le commerce (métier), plus rarement e-commerce et pratiquement jamais logistique.

Dans nos discussions lors des soirées des Entreprenxxtes il ressort que le fait de maitriser la techno et son site web présente certains avantages. Celà permet de réagir vite et à moindre coût pour les évolutions nécessaires de la boutique en ligne et de ces fonctionnalités.

Premier pas sur Ubuntu

2008-03-24T12:28:00.004+01:00

Celà faisait longtemps que je voulais essayer Linux. Après plusieurs tentative jamais finalisée faute de temps, je suis enfin passé à l'acte : j'ai installé une machine sous Linux - Ubuntu sur un ancien portable Assus (PIII - Ram 256 Mo - DD 20 Go).

Ce n'est pas encore une révolution ; je conserve l'essentiel de mon infrastructure sous Windows, tout juste un test. Ce portable servira de machine bureautique en particulier pour les stagiaires de passage.

Tout commence par le téléchargement d'une image iso du CD d'installation : pas de souci majeur. Une fois le CD gravé, il suffit de rebooter sur le CD pour pouvoir tester Ubuntu en condition réelle sans rien installé sur la machine. Et ça c'es quand même une sacrée bonne idée. Le seul problème c'est que sur une configuration un peu ancienne comme la mienne (notamment avec peu de RAM), ben ça rame grave justement.

Une fois le système monté en Ram, on peut lancer l'installation. Et là j'avoue que j'ai failli lâcher l'affaire après avoir tenté 3 ou 4 installations qui se sont toutes soldéé par des heures d'attente et au final un échec. J'ai failli arrété et puis je suis tombé sur l'excellent turoriel de Breizh Ardente.

Une fois le disque repartitionné, l'installation c'est déroulé plutôt rapidement et sans incident.

Après quelques heures d'utilisation et de paramétrage, voici mes premières impressions :

L'installation est complète pour un utilisation bureatique de base : OS, mais aussi outils bureautiques (OpenOffice.org), Internet (Firefox, Evolution), graphique, multimédia, etc.
L'interface graphique (Gnome) n'est pas vraiment déroutante pour un utilisateur de windows.
La configuration réseau est détectée automatiquement (réseau local connecté à un routeur ADSL) et la connexion Internet fonctionne directement : bonheur
L'imprimante réseau est également détectée directement, l'installation du driver se fait toute seul et en plus ça marche : bonheur bis.

Globalement une première impression plutôt favorable. Il me reste à paramétrer les répertoires partagés et à voir les possibilités d'échanges avec Windows.

A suivre ...

Les indicateurs du E-Commerce

2008-03-14T10:25:00.002+01:00

Lorsque l'on lance une boutique en ligne, même modeste, il devient rapidement indispensable de pouvoir disposer d'indicateurs permettant de juger de la "santé" de son petit commerce. Internet permet de recueillir une multitude d'information, de données, d'indicateurs. La difficulté est de ne pas se laisser noyer dans cette masse d'informations et d'identifier les quelques indicateurs vraiment pertinents.

Avant d'aborder les indicateurs à proprement parlé, il est nécessaire de pouvoir isoler dans sa base client les nouveaux clients des anciens ou en d'autres terme la première commande d'un client donné des suivantes.

Celà nous amène à calculer un premier indicateur qui est le coût d'acquisition nouveau client = Somme des frais marketing / Nombre de nouveau client.

Le panier moyen est un indicateur également très important et qui est de plus demandé assez souvent part les partenaires d'un commerçant (bnque, logisticien, etc.). En fonction du taux de marge pratiqué, il est donc facile de calculer la marge brute moyenne = panier moyen / taux de marge.

Cette marge brute moyenne est à mettre en regard du coût d'acquisition client. Si elle est plus importante vous commencez à gagner de l'argent dès la première commande. Dans le cas contraire il faudra fidéliser le client ce qui nous amène à un quatrième indicateur : le repeat business = Nombre de commande des anciens clients / nombre de client en début de période. Cet indicateur est capital pour juger de la santé d'une boutique en ligne. Il n'y a cependant pas de bonne valeur du repeat, celà dépend largement du secteur d'activité.

Le Taux de Transformation est sans doute l'indicateur le plus mis en avant et il peut donner de précieuses indications, mais dans la mesure où un grand nombre de facteurs peuvent l'influencer, la définition d'action n'est pas toujours évidentes. Le taux de transformation = nombre de visites réelles (+ de 1 page vue) / nombre de commande.

Le dernier indicateur que je vous propose est le Taux de Rebond = Nombre de visites réelles (+ 1 page vue) / nombre total de visite. Cet indicateur permet de juger de la qualification des visiteurs qui arrivent sur votre site.

Ces 5 indicateurs sont à suivre au quotidien et permettent de détecter des problèmes. Il sera alors peut être nécessaire de creuser la question avec d'autres données pour trouver des actions pertinentes.

Plusieurs blogs donnent de précieuses informations sur le marketing on line et je m'en suis largement inspiré pour ce post. C'est en particulier le cas du blog de Michel de Guilhermier (taux de transformation, repeat business), d'Ikom, Percute.

Ces problématiques ont également été abordées sur le blog de Bagatelles.

Astuce Coldfusion : Boucles imbriquées

2008-02-14T19:08:00.006+01:00

Comme tout langage, ColdFusion permet de faire des boucles, et également de faire des boucles imbriquées. Dans ce dernier cas, il arrive que ColdFusion se mélange un peu les variables et en particulier dans le cas suivant :

<cfloop query="query1">
   <cfloop query="query2">
       <cfoutput>#query1.column1# - #query2.column1#<br></cfoutput>
   </cfloop>
</cfloop>

Tout semble correct, et en terme de syntaxe tout est parfait mais en terme de résultat, si on considère que la colonne 1 de la query1 contient les valeurs a et b et la collonne 1 de la query 2 les valeurs 1 et 2, on obtiendra :
a - 1
a - 2
a - 1
a - 2

Alors que l'on souhaitait avoir :
a - 1
a - 2
b - 1
b - 2

Pour régler ce problème, il suffit d'écrire le code suivant :

<cfloop query="query1">
   <cfloop query="query2">
       <cfoutput>#query1.column1[query1.currentrow]# - #query2.column1#<br></cfoutput>
   </cfloop>
</cfloop>

Good Action : Regie de pub ethique

2008-02-03T11:59:00.001+01:00

Good Action est une régie de publicité online qui réinjecte les revenus de la publicité dans des projets portés par des acteurs du développement durable et de l'écologie.

Les publicités sont diffusées sur un réseau d'affiliés qui accepte de ne pas percevoir de rémunération pour la mise à disposition d'espace sur leur site ou sur leurs blog.

Une initiative intéressante à suivre ...

Test de non régression : Selenium IDE

2008-02-01T13:27:00.000+01:00

S'il est bien un moment rébarbatif dans un projet, c'est la phase de test et en particulier la phase de test de non régression. Cette phase consiste à vérifier que l'ajout d'une nouvelle fonctionnalité ne génère pas d'erreurs (les fameux effets de bord) sur un site qui fonctionne parfaitement.

La seule possibilité consiste pourtant à vérifier le bon fonctionnement de l'ensemble du site dès que l'on fait la moindre modification. Il faut bien avouer que refaire ces tests de façon répétitive n'est pas très épanouissant.

Une extension Firefox va vous sauvez la vie : Selenium IDE. Cet outil va vous permettre d'enregistrer toutes les actions que vous faites sur votre navigateur afin de les rejouer ultérieurement. Selenium IDE est d'une telle simplicité d'usage qu'il n'est pas nécessaire d'être un technicien pour pouvoir l'utiliser.

Selenium IDE fait partie d'un environnement complet de test développé en Open Source.

Totalement indispensable !

Forum E-Marketing : des services pour la longue traine ?

2008-01-31T10:27:00.000+01:00

Le 2ème Forum e-marketing se tenait les 29 et 30 janvier et à rassembler une bonne partie de ce que le domaine compte de prestataires, aussi bien sur le salon que pendant les conférences.

Quelques jours avant le forum, la Fevad publiait son Bilan Ecommerce 2007 et 2 chiffres ont tout particulièrement retenu mon attention :

37 000 il s'agit du nombre de boutiques en ligne en France
78 c'est le pourcentage de boutiques qui fait moins de 100 transactions par mois

Ces 2 chiffres montrent clairement le développement de l'offre en ligne mais surtout que pratiquement 80 % des boutiques sont portées par des TPE ou des PME et réalisent un nombre de transactions mensuel relativement bas. La majorité des prestataires -en tout cas ceux que l'on rencontrent dans les salons- ne proposent des services qu'aux 20% des commerçants qui réalisent plus de 100 commandes par mois et de préférence aux 0,7 % qui sont à plus de 10 000 commandes / mois. Mais quid des petits commerçants, quid de la longue traine qui représente près de 30 000 clients potentiels ? Ces boutiques ne demandent qu'à grossir pour peu que des prestataires leurs proposent des services adaptés.

On trouve depuis plusieurs années des offres pour construire sa boutique en ligne pour quelques dizaines d'euros par mois. Mais avec 37 000 stes marchands actifs, il est clair qu'avoir une boutique même très belle, même avec un un très bon catalogue ne suffit plus. Pour vendre en ligne de façon pérenne il faut également :

Faire connaitre sa boutique auprès des internautes
Assurer une logistique irréprochable
Gérer la relation client de manière professionnelle

J'avais déjà eu l'occasion sur un salon précédent de rencontrer un prestataire logistique qui acceptait de travailler sur des volumes de commandes très réduit. Pendant le Forum, j'ai rencontré un acteur du marketing (Message Business) dont le positionnement est clairement orienté vers les petites structures avec la vocation de constituer un "tout en un marketing" en libre service (emailing, sms, blob, enquête, etc.).

Dans le domaine de la relation client, IMA Technologies (filiale de la première société d'assistance européenne) était présent en particulier pour évaluer la pertinence d'une offre de gestion de la relation client en direction des petites boutiques en ligne.

Ce billet ne vise pas l'exhaustivité, il y certainement d'autres acteurs qui s'adressent à ce type de clients. Si vous connaissez d'autres prestataires n'hésitez pas à le signaler.

Le tout portable

2008-01-20T20:57:00.000+01:00

Le développement des appareils nomades est une tendance assez ancienne. Les services nomades ont quand à eux commencés à se développer il y a quelques années sur le web. Le premier d'entre eux est sans doute le web mail que vous utiliser tous les jours sur Gmail, Hotmail ou un autre qui vous permet de consulter vos mails de n'importe où.

Plus récemment, mais cela fait quand même quelques temps maintenant, des services plus complets vous permettent de consulter et d'utiliser vos fils RSS, vos bookmarks, vos infos personnelles, bref de vous retrouver comme à la maison partout dans le monde.

Une tendance qui semble se développer est de proposer des logiciels portables, qu'il n'est plus nécessaire d'installer sur votre machine, mais que vous pouvez stocker sur votre clé USB ou sur votre IPod. Il suffit de connecter votre périphérique de stockage sur n'importe quelle machine pour utiliser ces logiciels.

Dans ce domaine, Liberkey propose une formule intéressante : mettre à disposition 3 collections différentes de logiciels portables et .... gratuits.

On retrouve parmi ces collections des logiciels très connus : Firefox, Open Office, 7-zip, etc.

Le commerce électronique est bon pour la planète

2007-12-23T14:38:00.000+01:00

Il y a quelques semaines, Fred Cavavazza s'interrogeait sur son blog sur l'empreinte carbone du e-commerce. Ce sujet est présent dans la blogosphère depuis quelques mois, peut être une conséquence de la prise de conscience des enjeux environnementaux .

En septembre dernier, le cabinet d'étude Estia spécialisé dans le développement durable a réalisé une étude sur le modèle Telemarket qui montre que faire ses courses en ligne divise par 8 les émissions de CO2. Ce chiffre est sans doute le plus marquant, mais d'autres chiffres démontrent clairement le bénéfice pour la planète du commerce en ligne.

Jean-Michel Billaut a profité du passage à Paris de Bernard Paule, un des fondateurs d'Estia, pour réaliser une interview publiée sur son Blog. Selon Bernard Paule l'utilisation du commerce électronique est un acte citoyen qui réduit de façon conséquente l'impact environnemental.

La FEVAD (Fédération des Entreprises de Vente à Distance) a lancé un appel d'offre pour une étude complète sur ces problématiques. Les premiers résultats sont attendus en mai 2008.

Et la logistique dans tout ça ?

2007-12-11T18:39:00.000+01:00

Lorsque l'on monte une boutique en ligne, on se concentre en générale sur le site web, sur le catalogue sur la communication et le marketing, mais rarement sur la logistique. Ces aspect est pourtant un point capital de toute activité de vente à distance.

Négliger la logistique revient immanquablement à ne pas tenir les délais de livraison annoncés au clients voire à ne pas livrer les bons produits aux bons clients. Ces erreurs ont un coût commercial et financier qui peut être fatal au vendeur en ligne.

En phase de démarrage, il faut généralement se débrouiller tout seul et gérer la logistique "à la maison". Puis, si le nombre de commande se développe, tout commerçant en ligne est confronté à un choix important : conserver la logistique en interne ou l'externaliser. Chacune de ces options présentent des avantages et ..... des inconvénients.

Externaliser la logistique est la solution choisie par Olivier Levy pour son site Platine Center. La préparation et l'expédition de commande (pour ne parler que des opérations quotidiennes) est en effet extrêment chronophage. On peut aussi considérer que la logistique est un réel métier et qu'il est plus sage de le confier à des prestataires (François Ziserman visite certains prestataires sur son blog). Economiquement l'externalisation semble aussi être une solution raisonnable.

Gérer sa logistique en interne est absolument indispensable pour Michel de Guilhermier -fondateur de Photoways-. Il considère en effet que la logistique est au coeur du métier de commerçant en ligne et est trop sensible pour être confié à un prestataire externe.

Lorsque nous avons créé Oanisha (vente de cosmétiques ethniques et éthique) nous nous sommes longuement posé la question. Nous avons finalement opté pour une logistique intégrée, pour le démarrage mais aussi pour la suite, à la fois pour gérer au plus prêt les relations avec nos clientes, mais aussi pour créer des emplois.

Commerce électronique : Noël éthnique

2007-11-22T16:26:00.000+01:00

Le blog WiziShop.com spécialisé dans le commerce électronique vient de lancer une belle initiative : promouvoir le commerce équitable et respectueux de l'environnement (et les boutiques on line qui les vendent) au travers d'une opération intitulée : "Noël Ethnique 2007".

Le principe est simple, il s'agit pour un maximum de sites web d'afficher la bannière ci dessous (ou une de ces déclinaisons)

Cette bannière renvoie sur une page présentant les principes de l'opération ainsi qu'une liste de boutique proposant des produits éthiques.

ColdFusion 8

2007-11-09T18:36:00.000+01:00

Il y a quelques mois, Adobe livrait la dernière version de son serveur d'application : ColdFusion 8. Je n'avais pas encore eu réellement le temps d'étudier dans le détail les nouveautés de cette version, me contentant d'un rapide survol des améliorations ou des nouvelles fonctionnalités annoncées sur le site d'Adobe. Ces annonces étaient déjà alléchantes :

Amélioration des performances globales (la version 8 est 4,25 fois plus rapide que la 7.02).
Amélioration de l'intégration PDF. Il est vrai que sur la 7 le principe était intéressant, mais son application pas encore tout à fait mature.
Intégration en natif de fonctions de compression (ZIP) de manipulation d'image et de gestion de fils RSS et Atom
Utilisation d'objets .Net
Intégration en natif de fonction Ajax
etc.

Depuis quelques semaines j'explore de façon plus poussée cette nouvelle version et je vais de surprise en surprise .... et des bonnes en plus !
Il y a quelques années j'avais rencontré le responsable Europe de Macromédia (quelques mois après qu'ils aient racheté Allaire, éditeur historique de ColdFusion). Il m'avait livré sa vision de l'évolution de ColdFusion qui devait servir des pages de plus en plus "riches" tout en préservant une grande simplicité. Cette vision est aujourd'hui une réalité :

Intégration de l'éditeur FCK.
Intégration de la librairie javascript Yahoo (YUI)
Intégration de la librairie javascript Ext

Ajoutés aux formulaires et aux graphiques flash, ces éléments permettent d'obtenir des interfaces utilisateurs extrêmement attrayantes toujours avec une grande facilité.

Bref une réussite !

Internet fait toujours peur

2007-10-25T13:29:00.000+02:00

Il y a un peu plus de 10 ans lorsque j'ai commencé à travailler sur le Net, j'étais souvent amené à faire de la pédagogie auprès de professionnels ou de particuliers qui considéraient ce nouvel outil comme une mode qui ne durerait pas, une menace sociale, un gadget, et j'en passe.

25 ans après l'invention du web et 7 ans après l'éclatement de la bulle Internet, alors que la moitié des français sont connectés et que le commerce électronique représente plus de 2,5 milliard d'euros uniquement sur le dernier trimestre je pensais naïvement que le temps de l'évangélisation état révolu : Avec la fin des excès des années 2000, Internet était enfin considéré pour ce qu'il est.

Que neni !

J'ai récemment participer à la création d'une boutique en ligne. Même pas une start up avec levées de fond et les babyfoot, juste une TPE comme il en existe tant.

J'ai commencé à me poser des questions quand j'ai vu la réaction de certaines banques : "Vous voulez vendre sur Internet ? Il y a trop de fraude ; il faudra nous laisser une caution de 10 000 € .... enfin si notre comité risque accepte votre dossier et puis le grand public n'achète pas encore en ligne ..." .... Ces propos aurait presque été risibles s'il n'avait pas émané de professionnel qui était censé savoir de quoi ils parlaient .... et si accessoirement ils n'avaient pas eu l'avenir de notre création d'entreprise entre leurs mains.

Nous avons quand même trouvé une banque pour qui des créateurs d'entreprises sur le net ne représentait pas un problème, mais juste un client.

La société créée, est venu le temps de trouver des fournisseurs. Mise à part les précautions légitimes que prennent les entreprises lorsque l'on est un nouveau client et en plus une entreprise en création les choses se sont globalement bien passées .... à une ou deux exceptions près ....

Le cas le plus intéressant, cliniquement parlant, est un fournisseur qui imposait de telles contraintes qu'il devenait absolument impossible de vendre ses produits ailleurs que sur son propre site, en voici un florilège :
- La boutique doit reprendre la charte graphique du fournisseur. Ca commence bien !
- Ses produits ne doivent pas figurer sur une page avec des produits d'autres marques
- Des produits concurrents ne doivent pas êtres vendus sur la boutique
- Interdiction de faire mention de ses produits dans des campagnes d'emailing. sic

Heureusement se type de "professionnel" est plutôt rare.

Curieusement nous avons eu assez peu de blocages de la part du grand public qui constitue notre clientèle ....

La Longue traine

2007-10-17T12:04:00.000+02:00

Une des règles dominantes en matière de marketing (et de bien d'autre chose) étaient jusqu'au aujourd'hui était l'adaptation de la loi de Paretto : le fameux 20/80 ; 20 % des produits génèrent 80 % des revenus. Les vendeurs de biens de consommation devaient donc s'attacher à trouver les fameux 20 % de produits qui assureraient la pérennité de leur entreprise.

Rédacteur en chef de Wired, Chris Anderson, nous propose dans "la longue traîne" une autre vision de l'économie. Sans remettre en cause le principe de la loi de Paretto, il démontre que les pourcentages (20% et 80%) ne sont plus vrais dans une économie numérique.

Si cette répartition 20/80 est vraie dans le commerce physique, c'est uniquement en raison des limitations de ce type de canal. La limitation la plus importante est la surface : un disquaire par exemple ne peut proposer que quelques milliers d'albums, quelques dizaines de milliers dans le meilleur des cas. Ce catalogue représente un faible pourcentage des millions d'albums disponibles. En raison de cette limite de surface et du coût qu'elle représente, ce disquaire ne doit mettre en rayon uniquement ce qu'il a une chance de vendre rapidement.

Pour le commerce en ligne, la surface de présentation est infinie et ne coute rien. La surface de stockage est beaucoup moins chère que dans le cas du commerce physique ; il s'agit d'entrepôts dans le cas de produits physiques et de disques durs dans le cas de produits dématérialisés (musique, films, etc.). Les e-commerçants peuvent ainsi proposer avec des modèles économiquement viable des catalogue beaucoup plus important que les commerçants physiques. A titre d'exemple, Amazon propose 3,7 millions d'ouvrage, contre 100 000 pour Borders, Rhapsody propose 1.5 millions de morceaux de musique en téléchargement contre 55 000 dans un Wall-Mart moyen.

Si on intéresse au chiffre d'affaire de Rhapsody, on remarque que 40% de son CA est réalisé sur des morceaux qui ne sont pas disponibles dans les commerces physiques. Ces morceaux de longue traîne qui sont vendus en très peu d'exemplaires, dans la mesure où ils sont très nombreux, peuvent donc représenter en cumulé une part importante du chiffre d'affaire.

La mise à disposition d'un catalogue comportant un nombre très important d'article peut cependant poser un problème : comment le client va t il trouver le produit qu'il cherche ?
Pour ce type de catalogue, le recours à des filtres est indispensable. Ces filtres vont permettre au clients de trouver dans des milliers ou des millions de références le produit qu'il lui faut. Ces filtres sont de plusieurs nature et peuvent ce combiner entre eux pour être plus pertinents :

classement par catégorie
filtre collaboratif (ceux qui ont acheté ce produit ont aussi acheté ...)
moteur de recommandation en fonction des critères implicites et explicites
liste des meilleurs ventes
etc.

Ce ne sont que quelques une des idées développées dans le livre dont je vous recommande vivement la lecture.