Nouveaux sites Web-Impact

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

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

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)

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

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

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

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.