Depuis quelques temps les propositions commerciales autour des blogs d’entreprise ou des sites web «vitrine» se font plus agressives. On peut trouver des annonces pour des blog pro autour de 150€, 100€, voire 60€ ! Peut-on descendre plus bas ? Et d’ailleurs, est-il possible qu’un blog ayant coûté le prix d’un tee-shirt puisse rapporter de l’argent ? Si oui, foncez ! Mais juste pour info, sachez qu’un blog corporate fait dans les règles de l’art coûte au moins dix fois plus… Ce billet a été écrit il y a longtemps et j’ai décidé de le ressortir pour soutenir @Daibai dans sa lutte contre les sites web à 1€. Attention, si ce billet n’est pas à prendre uniquement au premier degré, l’offre proposée reste valable.

Ca ne coûte pas plus cher, de bien bloguer !

Mais à la réflexion, pourquoi payer plus cher si l’on peut obtenir un retour sur investissement à partir d’une centaine d’euros ? Partant de cette idée — et puisqu’au final la mise en place d’un blog brut de décoffrage ne prend pas plus de 5 minutes d’après le script d’installation du CMS WordPress — je me suis dit qu’il devait être possible de proposer l’installation d’un blog pro pour 9,90€ttc⁽¹⁾ :

Où est l’arnaque ?

(1) Pas d’arnaque : installation par mes soins d’un blog propulsé par WordPress avec un thème graphique en accord avec votre secteur d’activité en contrepartie de l’installation de publicités discrètes, d’outils de mesure d’audience (Google Analytics) et de la somme de 9,90€ versée sur mon compte PayPal à l’adresse infographiste@gmail.com \O/ Vous pouvez me contacter pour en savoir plus.

Envie d’aller plus loin ?

Si vous désirez aller plus loin avec votre blog professionnel, je suis disponible pour vous accompagner ponctuellement ou durablement sur tous les aspects de la vie d’un blog d’entreprise ou d’un site internet :

• Conception et rédaction d’une charte éditoriale pour les blogs multi-rédacteurs,
• Rédaction de contenu : billet, article, dossier, revue de presse,
• Réécriture des textes rédigés initialement par votre équipe pour coller à la charte éditoriale,
• Modification du thème graphique installé à l’origine
• Création d’une charte graphique personnalisée,
• Mise en place de plugins adaptés à vos besoins,
• Accompagnement pour les mises-à-jour,
• Aide à la communication de crise,
• Gestion de votre réputation sur le web (e-réputation) et les réseaux sociaux (oui, ça veut dire que vous saurez comment utiliser Twitter),
• Achat de nom de domaine,
• Montée en charge,
• Référencement,
• Et plus à venir…

Comment ça marche ?

Il suffit de me faire parvenir votre projet de blog d’entreprise via la page contact ou directement à l’adresse infographiste@gmail.com. Facile, non ?

Plus d’information sur les tarifs WordPress

• 8 exemples de tarifs pour l’intégration de votre site WordPress d’après la méthode des Personas
• Quel tarif pour un thème WordPress ?

Articles sur le même sujet

• 8 exemples de tarifs pour l’intégration de votre site WordPress d’après la méthode des Personas
• Quelques notes de lecture sur Le Graphisme au XXe siècle
• Quel tarif pour un thème WordPress ?
• Référencement de sites Web — Chassez le naturel, il revient au SEO !
• Guide stylistique — Exemple de charte graphique et éditoriale

Quels sont les éléments à prendre en compte dans l’établissement d’un tarif pour la livraison d’un site web utilisant WordPress ? C’est en substance la question posée dans l’article Quel tarif pour un thème WordPress ? Beaucoup de personnes ont été déçues par le manque de données chiffrées qui auraient permis de fixer un peu les idées. Je reconnais que le titre pouvait induire en erreur… Je vais essayer de rectifier le tir en dressant le portrait de plusieurs clients-type en utilisant librement la technique des Personas. D’après Usabilis, il s’agit de représentations fictives mais concrètes des utilisateurs pour lesquels le produit est conçu. Ils fournissent aux développeurs une référence pour définir les fonctionnalités et les scénarios d’utilisation. Il s’agit d’une méthode idéale pour concevoir un site web orienté vers l’utilisateur !

En ce qui concerne les estimations qui suivent, j’ai essayé d’être fidèle à la réalité, même si les Personas et les projets qui les accompagnent ont été imaginé de toutes pièces. Toute ressemblance avec des personnes ou des situations réelles ne serait que pure coïncidence.

Périmètre des fonctionnalités et cahier des charges

En dehors de la détermination du tarif journalier — abordée de manière très complète par Aymeric dans Quels tarifs pratiquer pour un freelance ? — il faut avoir en tête que la formation des prix est à la fois très simple et très complexe. Comme dans la mécanique quantique, le principe d’incertitude joue à plein tant qu’il manque certaines informations, puis tout se cristallise comme par enchantement dès que l’on connait :

• Le périmètre des fonctionnalités.

  Il s’agit grosso modo des besoins exprimés par le clients qui seraient passés à la moulinette de la pertinence et de la faisabilité. Par exemple : je veux un site web pour présenter mon activité peut devenir Mise en place d’un site web web composé d’une page A propos, d’une page Contact et de plusieurs rubriques administrables librement par le client à l’aide d’une console d’administration à laquelle il aura préalablement été formé. Le périmètre des fonctionnalités se formalise généralement sous la forme d’un cahier des charges contractuel.

• Le temps nécessaire pour les mettre en place.

  La variable «temps» dépend directement des éléments du cahier des charges mais aussi de l’expérience du prestataire. Plus vous travaillez vite et plus vous pourrez satisfaire de nombreux clients dans un laps de temps donné. Du point de vue du client, la question qui se pose souvent est de savoir si le prestataire qu’il a choisi lui fait supporter le prix de son inexpérience. Seules des demandes de devis répétées et une certaine expérience du métier permettront d’y voir clair. Sinon, n’hésitez pas à faire appel à un professionnel pour étudier vos devis avant soumission !

• Les attentes du client.

  Le client peut déclarer vouloir un site Web pour se faire connaitre auprès des fournisseurs alors qu’en réalité il veut augmenter ses ventes. Il faut lever ce genre de lièvre le plus en amont possible. C’est là que se situe ce qu’on appelle le conseil. Notion souvent floue, un peu tarte à la crème mais néanmoins essentielle pour ne pas tomber de haut. Voir plus haut la partie consacrée au périmètre des fonctionnalités.

• La situation du client (taille de l’entreprise, secteur d’activité)

  Ce point est souvent mal vécu par les clients qui pensent que les prix sont faits «à la tête du client». C’est parfois vrai, mais la plupart du temps cette donnée agit à la baisse. Il est parfois difficile de dire «non» à un client qui n’a pas les moyens de ses ambitions si le carnet de commande n’est pas rempli. Cela dit, j’ai remarqué que l’on ne facturait que très rarement le «vrai» prix d’une prestation que l’on travaille en freelance ou dans le cadre d’une agence.

Les Personas

1. Aldebert

   Ce mécanicien-auto envisage de changer d’employeur. Il pense qu’un blog lui permettrait de se faire connaitre auprès des recruteurs en rédigeant des articles sur l’automobile. L’aspect du blog importe peu. Un bandeau sur le thème de l’automobile et de la mécanique suffira. Il est prêt à s’investir dans son blog et aimerait à terme devenir une référence dans le secteur.

   Estimation du temps

   • Réalisation du bandeau, personnalisation des couleurs et mise en place du thème.
   • Tarif : 450€

2. Corinne

   Illustratrice dans la presse pour enfant, elle a souvent présenté son travail sur les forums spécialisés dans les arts graphiques. Elle décide de lancer un blog pour présenter les ébauches de ses dessins afin de se faire connaitre et recueillir les avis de ses pairs. Corinne veut un blog avec un look orienté « typo » avec un usage prononcé du noir et du blanc pour mettre ses dessins en valeur. La maquette du blog passera de deux colonnes à une colonne lorsque les visiteurs afficheront le billet seul. La page d’accueil affichera la description du dessin accompagné d’une miniature.

   Estimations

   • Mise en place du blog,
   • Tarif : 750 €.

3. Jean-Marc

   Ce dirigeant de PME spécialisée dans le conseil aux paysagistes en milieu urbain et dans la fourniture de matériel de jardinage possède une clientèle composée de collectivités, d’entreprises et de particuliers. Il souhaite mettre en place un site Web pour présenter ses réalisations au jour le jour aux prospects qui lui demandent de fournir un échantillon de ses réalisations en complément des brochures et des catalogues qu’il propose. Après quelques échanges de mail, le format retenu est un simple blog aux couleurs de l’entreprise dont les billets seront composés d’une photo et d’une description. Le blog comportera également un formulaire de contact et une page A propos. Le client insiste sur la sobriété et la rapidité d’affichage du site. Aux couleurs de l’entreprise signifie que le blog reprendra principalement le logo de l’entreprise et s’inspirera des éléments graphiques existants : plaquette commerciale, cartes de visite, catalogue produit, etc. pour le choix des couleurs. Un seul Template WordPress suffit pour afficher les billets et les pages. Le point de départ est une page blanche.

   Estimations

   • Mise en place du blog,
   • Mise en place des éléments graphiques,
   • Livraison prévue une semaine plus tard.
   • Tarif : 1 975€

4. Martine

   Cette responsable communication dans une agence Web a demandé à son graphiste de pondre une charte graphique pour un mini site Web événementiel pour un de leur client. Il s’agit d’une page d’accueil assez visuelle accompagnée de trois rubriques possédant chacune leur univers graphique. Il faudra découper les 4 fichiers Photoshop et faire l’intégration HTML / CSS des quatre templates WordPress. Chaque rubrique affichera un seul article composé d’un texte accompagné d’images que le client pourra mettre à jour facilement. Pas de boucle WordPress complexe à prévoir mais un travail précis sur les feuilles de styles CSS associées aux formats d’image et à leurs légendes.

   Estimations

   • Découpage et intégration des 4 fichiers,
   • Travail sur les images,
   • Tarif : 2 650€.

5. André

   Responsable d’une association d’ancien élèves, André voudrait une partie réservée aux adhérents pour les tenir informés de la vie de l’association et une partie publique accessible aux moteurs de recherche pour attirer de nouveaux membres. Le client veut pouvoir ajouter des Widgets dans les zones publiques et/ou privatives. La charte graphique sera aux couleurs de l’association avec deux ou trois icônes pour personnaliser le site et le rendre attrayant. Le logo reprend le nom de l’association dans une typographie plus dynamique que l’existant, accompagné d’un pictogramme à concevoir. Un seul template suffit pour afficher les différents contexte d’affichage. Plusieurs boucles WordPress spécifiques avec des conditions pour les accès réservés sont à prévoir.

   Estimations :

   • Conception et intégration,
   • Formation des membres du bureau de l’association,
   • Tarif : 3 370€.

6. Lise

   Lise est co-dirigeante d’une petite entreprise de trois personnes qui propose des prestations de conseils et de rédaction Web autour du Personal Branding, de l’e-réputation et des réseaux sociaux. Ses clients sont des entreprises du secteur médical qui cherchent à vulgariser des concepts complexes à un large public. Lise veut un site web pour présenter ses activités avec une partie « blog » pour partager ses réflexions du quotidien. Le design sera sobre, clair avec quelques touches de couleurs dans les titres et les puces. Les concepts à vulgariser sont au nombre d’une dizaine. ils feront chacun l’objet d’une page dédiée composée à chaque fois de textes et d’images, le tout mis en page à la manière d’un magazine : textes, mise en exergue, photos de tailles différentes avec ou sans légende.

   Estimations

   • Charte graphique et intégration du blog ,
   • Gabarit pour les 10 pages de conceptsr,
   • Mise en page des pages-concepts,
   • Tarif : 3 950€.

7. Raoul

   J’aime le croc de boucher (JLCDB) est une organisation qui représente les sociétés de vente de crocs de boucher en direction des bouchers-charcutiers de la Ville de Paris principalement. Suite à une mésentente au plus haut niveau de l’état, le terme « croc de boucher » a vu son champs sémantique et sémiologique lui échapper. Raoul veut se réapproprier le paradigme du croc de boucher, ce qui est bien naturel. Un blog mis à jour régulièrement sur les thématiques abordés par JLCDB sera le pivot de la communication de l’organisation. Raoul veut déléguer la rédaction et l’animation du blog pour une durée de 3 mois renouvelables selon les résultats, à raison de la publication d’un billet de 500 mots par semaine.

   Estimations

   • Mise en place d’un blog orienté SEOs,
   • Etude du marché et ciblage des mots-clés et expressions-clés ,
   • Mise en place des modèles de billets et du planning de rédaction en fonction de l’actualité du client,
   • Forfait pour 12 billets + ou – 2 : 1 500€
   • Tarif : 4 600€.

8. Darken Rahl

   Le chef des D’Hara’s est persuadé qu’il lui manque un blog sur les Mord-Siths pour rallier les terres du milieu à sa cause.

   Estimations

   • ASAP. Délai de livraison : avant-hier.
   • Tarif : N’en parlons plus ;)

Notes

Les tarifs indiqués sont des estimations qui incluent :

• La mise en place d’un thème WordPress unique et personnalisé,
• L’achat du nom de domaine pour la première année (15€ par an ensuite),
• Une année d’hébergement sur un serveur mutualisé (env. 30€ par an),
• Le prix de l’accompagnement après la livraison est inclut dans les tarif. Optionnel, il représente 15% du montant indiqué. Cet accompagnement se veut une assistance par email principalement, portant sur la prise en main de l’administration du blog et la rédaction des billets durant un mois à compter de la livraison du site.
• J’ai fais l’impasse d’un Personas ayant besoin d’un site nécessitant une « empreinte » graphique forte avec des visuels et/ou des photos. Pour tel site, je pense qu’une somme forfaitaire allant de 250€ à 1 500€ selon le projet (à ajouter aux tarifs indiqués dans l’article) est un bon point de départ.

Remarques

De nombreux prestataires partent d’un thème WordPress existant pour l’adapter ensuite aux « besoins » des clients. Personnellement, je préfère partir : soit d’une feuille blanche, ce qui permet — notamment dans les cas où la charte graphique est minimaliste — de proposer des sites ayant de la personnalité ; soit d’un template de base minimaliste créé par mes soins.

Ce qui ne remet pas en cause l’intérêt de certains thèmes Frameworks (ou même du thème Twenty Ten livré par défaut avec WordPress 3.0). Il faut simplement voir s’ils conviennent vraiment à ce que vous voulez. Personnellement, j’en suis revenu à cause du manque d’optimisation : « qui trop embrasse mal étreint » ?

Note du 07/04/2011 : j’ai augmenté les tarifs initiaux pour tenir compte des commentaires qui me faisaient remarquer à juste titre que je n’avais pas pris en compte le temps nécessaire à la conception et à l’administratif. Je m’étais surtout focalisé sur les temps de réalisation, ce qui n’a pas manqué d’induire les lecteurs attentifs en erreur. Merci de votre compréhension.

Articles sur le même sujet

• Votre blog professionnel à partir de 9,90€
• Une lettre d’information mensuelle pour les abonnés WordPress ?
• Quel tarif pour un thème WordPress ?
• « css 4 design » — Nouvelle charte graphique et redesign du logo
• WordPress — Chaines de caractères à traduire vs. variables ?

Désolé pour le titre accrocheur, mais que voulez-vous, c’est la tendance ! Et les tendances dans le webdesign, c’est sacré. Du moins c’est ce que l’on a tendance à croire parce que c’est pratique.

Votre site, vous le voulez comment ?

   Oh, quelque chose de minimaliste, orienté typographie : c’est pour consommer sur place.

Ah… Si j’ai bien compris, vous êtes dans la mouvance du web 2.0

   Oui, oui, on ne produit rien, c’est l’utilisateur qui s’y colle… Nous voulons juste un design web 2.0 libre de droits (pas cher, donc)

Votre cible, c’est un peu l’utilisateur de l’iPhone, quand même ?

   Tout à fait ! On veut un truc genre Apple, sobre et moderne, vous voyez ?

Genre le nouveau logo iTunes ?

   Heu, non, pas jusque-là quand même…

Après ce préambule plus défoulatoire qu’autre chose, venons-en au coeur du sujet. Est-ce que le design d’un site a autant d’importance qu’on le pense généralement, surtout quand on regarde des sites web qui font beaucoup d’audience et d’argent comme Craiglist, Amazon, Ebay ou Google ?

Dans The Ugly Truth ou Le Design Ne Sert À Rien ! les auteurs mettent en avant les qualités de l’interface utilisateur au sens large pour expliquer la réussite de certains site relativement moches. C’est séduisant. Surtout lorsqu’on est plus attaché au fond qu’à la forme. Mais, l’ergonomie n’explique pas tout. Il existe une chose plus forte qu’un design affreux, plus solide qu’une ergonomie à la ramasse… C’est la MO-TI-VA-TION qu’a l’utilisateur de venir sur les sites en question.

Tous les sites montrés du doigt en exemple ont ceci en commun qu’ils proposent quelque chose dont l’internaute a besoin. Quelque chose qui fait qu’il est prêt à souffrir pour arriver essoufflé, la main tremblante sur la souris, jusqu’au formulaire de commande, heureux, enfin, de pouvoir sortir sa carte bancaire.

Articles sur le même sujet

• Le prêt-à-bloguer bride-t-il la créativité ?
• Le web 2.0 peut être dangereux… pour vos profits
• Usability Post, un blog sur le design et l'ergonomie
• Manifeste pour un interlignage minimum syndical pour les blogs !
• L'expérience utilisateur et l'ergonomie des sites web

Après la conférence F8 de Facebook, plusieurs dizaines de milliers d’éditeurs de blogs se sont empressés d’ajouter un bouton Like ou Recommend dans l’espoir de créer le buzz sur Facebook. Je n’ai pas fait exception à cette règle. Toutefois — sans remettre en question la pertinence de l’affichage de ce bouton dans certains cas — je n’ai pas constaté de résultat en 15 jours d’utilisation. C’est en supprimant ce gadget, qu’une citation de Jean Cocteau m’est revenu à l’esprit : Il n’y pas d’amour, il n’y a que des preuves d’amour ! J’ai ensuite cherché un moyen de concrétiser ce sentiment autrement que par un J’aime ou J’aime pas.

Ouvrir un compte Paypal

Dans un premier temps, il est nécessaire d’ouvrir un compte sur Paypal. C’est simple, rapide et ça ne coûte rien. J’utilise ce service depuis plusieurs années sans problème pour régler mes achats sur eBay, à l’origine, mais aussi pour la plupart de mes pérégrinations consuméristes et réticulaires quand c’est possible.

Créer votre bouton Faire un don

Une fois connecté à votre compte Paypal, cliquez sur l’onglet Solutions e-commerce puis sur Paiements sur site marchand dans le menu situé sur la gauche. Sous les icônes de cartes bancaires, vous trouverez des exemples de boutons de paiement à installer. Choisissez Acceptez des dons en ligne puis Créer un bouton.

Choisissez un type de bouton et saisissez les détails de votre paiement

A cet étape, le plus important est de Personnaliser le bouton. Par défaut, le bouton Faire un don est sélectionné mais rien ne vous empêche d’utiliser votre propre image pour faire office de bouton, comme je l’ai fait sur ce blog avec l’image située à droite du logo. Pour cela, vous devrez créer votre visuel ou utiliser une image existante. Dans les deux cas, il faudra fournir son URL.

Enregistrez vos boutons (facultatif)

Cocher cette case est toujours utile : qui ne voudrait pas protéger ses boutons des modifications frauduleuses ?

Fonctions de paiement (facultatif)

Choisissez les options permettant à vos gentils donateurs de vous laisser un mot ou Diriger vos clients vers cette URL s’ils annulent leur paiement ou encore Diriger vos clients vers cette URL lorsqu’ils terminent leur paiement. L’ajout des variables avancées permettra de mettre en place un tracking pour affiner vos statistiques dans votre outil de mesure d’audience préféré.

Il ne vous reste plus qu’à Créer le bouton et à copier-coller le code HTML du formulaire dans votre template WordPress ou dans un Widget Text à l’endroit où vous voulez faire apparaitre votre bouton Paypal.

Créer des zones de Widgets dans WordPress

Si votre thème ne dispose pas de zones widgétisables, voici quelques tutoriels qui devraient vous aider dans cette tâche :

• Les widgets dans WordPress avec widgétisator ;)
• Tutoriel WordPress : la sidebar à la loupe, comprendre les widgets
• [Résolu] Problème de duplication et décalage des widgets dans WordPress

Il a bon dos, Cocteau…

Oui, je le reconnais bien volontiers : citer Jean Cocteau pour justifier une tentative de monétisation est un peu décalé, mais j’assume ;)

Articles sur le même sujet

• 390 ressources Javascript & jQuery
• Soyez « ♥ Basics »
• BAW Auto Shortener — Raccourcisseur d’URL pour WordPress
• WordPress — archives "Reloaded" avec Calendarchives
• Danse avec les loops #1 : un thème WordPress mis à nu

Dans HTML5, il manque quand même la balise panier pour aller avec article. Ce début de réflexion que je partageais sur Twitter m’est venu en lisant les tables de la loi spécifications de HTML5, notamment la partie semantics. Là, j’ai eu comme une révélation : Les balises HTML et surtout HTML5 sont orientées vers les contenus littéraires (dialog), le monde de la presse (article) et les publications à caractère scientifique (section).

C’est normal si on considère que le web est issu du monde de la recherche universitaire mais ça l’est moins au regard des autres pratiques du web en général et du commerce en ligne en particulier. Du coup, mon côté réactionnaire a pris le dessus et je me suis mis à regarder HTML5 comme un sous-produit de XHTML réservé aux contenus dits de « qualité » vs le commerce qui ferait partie du côté « obscur » de la force.

Pour prendre le contre-pied de ce que j’écrivais dans Favoriser les sites de contenus, n’est-ce pas exclure de fait les sites d’entreprises ? je pense qu’il est peut-être temps de se pencher sur la structure sémantique des sites de vente en ligne.

Les balises qui manquent à HTML5

Et là, je ne parle pas que de e-commerce. Quelqu’un pourra-t-il m’expliquer la présence d’une balise dialog alors qu’il manque la balise logo, élément bien plus largement utilisé sur le web ? Idem pour une éventuelle balise motto ou baseline ? Je veux bien y mettre de la bonne volonté, mais HTML5 est quand même un truc bancal quand on regarde de près la structuration des contenus présents sur le web.

Et le e-commerce, ça pue ?

Et oui, à côté des blogs, des articles d’information et des sites corporate (qui partagent la même structure), le gros du web est composé de sites de vente en ligne. Quand on y regarde de plus près, les éléments composant la notice d’un article (produit) sont autrement plus complexes que ceux d’un article (billet) : on retrouve les mêmes éléments (titre, sous-titre, résumé, etc.) en plus des éléments spécifiques au commerce comme le prix (price ?), le nombre d’éléments en stock (item ?), etc. Sans compter tous les éléments qui caractérisent un produit comme la taille, la couleur, etc.

Vous vous doutez bien qu’il ne serait pas très pratique d’avoir autant de balises dites « sémantiques » pour caractériser chaque élément de personnalisation possible pour un article donné. C’est pourquoi, je propose d’inventer un mécanisme permettant de spécifier un élément sous forme ce classe CSS histoire de s’en sortir avec tous les micro-contenus… Mais attendez, on me souffle dans l’oreillette que les microformats existent déjà…

En (très) bref

HTML5 sera parfait pour structurer l’exemplaire papier de Roméo et Juliette qui se trouve dans ma bibliothèque. En ce qui concerne les contenus disponibles sur le web le travail ne fait que commencer.

Articles sur le même sujet

• Quelques notes — Programme de formation HTML & CSS
• Quelques notes sur les fonctions de l’intégrateur web et de l’intégratrice web
• The HTML Framework Project | Phase 1.1 — définir
• Le petit journal du web — Les fruits de la veille ont gardé toute leur fraicheur
• 390 ressources Javascript & jQuery

Le sujet des blogs d’entreprise est souvent traité de manière roborative dans la blogosphère. Il faut souvent lire des kilomètres de mise en garde sur les dix ou vingt erreurs à éviter et autres dangers qui peuvent impacter une marque en terme de contre-performance, avant de tomber sur un article intéressant. Toutes ces tentatives pour mettre en place une plate-forme anxiogène à propos des blogs d’entreprise de la part de sociétés de conseil en marketing et autres agences de publicité qui en veulent à votre porte-feuille vous seront épargnées ici.

Les secrets pour avoir un blog d’entreprise efficace sont à portée de clic. Je vous les résume rapidement : un ton positif, gai et plein d’entrain avec un soupçon d’auto-dérision. C’est tout. Du positivisme qui ne s’interdit pas une certaine complexité par moment : le visiteur doit sortir de la blogosphère pour renaître, ou comme vous l’aurait dit Kyle MacLachlan : le dormeur doit se réveiller (ça, c’était avant de devenir Trey MacDougal)…

Cette digression cinématographique étant terminée, je reviens vers vous sur le thème des blogs corporate sur lequel j’ai lu quelques billets (le blogueur doit s’influencer lui-même avant de s’adresser aux autres), et je me suis mis à rêver.

Ah… Les blogs d’entreprise ! J’imagine le responsable d’une fabrique de jouets poser la question suivante :

Dites-moi Martine, nous avons bien un blog, n’est-ce pas ?

Et l’assistante du service Communication de répondre :

Heu… Personne ne m’a mise au courant. Je vais me renseigner de ce pas !

A partir de là, Martine va en voir de toutes les couleurs :

1. En fin de journée, la question du patron arrive dans l’oreillette du Responsable du Département Communication qui flaire-là une bonne occasion de grignoter le budget du Chef du Département Marketing qui grossit un peu trop à son goût (le budget, pas le Chef).
2. Et hop ! l’affaire est dans le sac. Martine, qui s’y connait un peu, bouscule le service informatique qui lui fait une petite place sur le serveur de l’entreprise et lui ouvre un accès FTP.
3. Martine est une grande fille. Ca tombe bien parce que le service informatique n’a pas que ça à faire. Elle installe donc elle-même DotPress et roule ma poule : pendant la première pause-déjeuner le premier billet est publié. Elle rigole pas, Martine !
4. Comme elle a quelques talents d’écriture et de synthèse (ça tombe bien, ce sont exactement les compétences qu’on lui a demandé à l’embauche) et qu’elle est rapide et organisée, elle poste un billet par jour sur la vie de la société, les trucs et astuces pour mieux utiliser les jouets, une information par-ci par-là pour débiner la concurrence dans la joie et la bonne humeur :) Pendant son temps libre, elle filme ses enfants qui jouent avec les jouets de la société. Et hop, ça alimente le blog de l’entreprise.
5. Peu à peu, l’audience du blog dépasse le cadre de l’entreprise, et les statistiques grimpent, grimpent… Les commentaires se bousculent après chaque billet. Il faut dire que Martine qui ne connait pas l’url rewriting, a néanmoins trouvée l’option qui permet d’avoir ces belles adresses qui plaisent tant à Google.
6. Chaque visiteur y va de son expérience sur les jouets, et parmi eux, de véritables experts proposent même des améliorations, voire des idées de nouveaux jouets !
7. Chaque idée est soigneusement notée et suivie par Martine qui met en place des sondages sur le blog afin que le département Conception & Prospective puisse sortir une série limitée immédiatement proposée aux visiteurs les plus assidus.
8. Martine, qui commence à se prendre au jeu, propose aux visiteurs les plus motivés de la rejoindre sur le blog comme rédacteurs pour décrire précisément la merveille qu’ils viennent de recevoir et l’utilisation qu’il en font.
9. Ces retours précieux permettent d’optimiser les jouets qui partent en production dans l’usine délocalisée quelque part dans le monde. Les fournisseurs font bien leur travail, mais selon les pièces disponibles, ils prennent parfois quelques libertés : une pièce en moins ici, une forme légèrement différente par là, et c’est au final tout le mode d’emploi qui n’est plus respecté. Parce que dans la boite de Martine, les modes d’emploi sont rédigés avant la mise en production : ils ne tiennent pas compte des modifications de dernière minute. Maintenant, vous savez pourquoi tout est si difficile à monter soi-même…
10. Revenons au blog de Martine. Elle a ouvert une nouvelle rubrique où les erreurs des notices techniques sont corrigées au fur et à mesure par la communauté qui grandit, grandit…Cette affluence qui ne ne cesse de grossir se répercute peu à peu sur les ventes de l’entreprise.
11. Le bouche à oreille fonctionne très bien. Et puis Martine sait comment se faire accepter dans les forum consacrés aux petits et aux grands : elle y donne régulièrement des conseils.
12. C’est là qu’elle a découvert que de nombreux parents vendaient sur eBay les jouets qui n’étaient plus adaptés à leurs enfants. Et hop, après discussion avec les gars du marketing (qui suivent de près les progrès du blog et qui n’attendaient qu’une occasion pour se rendre utiles), une plate-forme de vente pour les jouets d’occasion est mise en place…

Driiiiiiing Driiiiiiing… Driiiiiiing Driiiiiiing… Le téléphone ne s’arrête plus ? Et non, c’est le réveil qui sonne… Ce n’était donc qu’un rêve ?..

Articles sur le même sujet

• Votre blog d’entreprise clés en main ?
• Sites de contenus vs sites commerciaux ?
• Une charte rédactionnelle pour votre blog d’entreprise
• Notes de lecture à propos de « Stratégie de contenu web »
• Webdesign, lisibilité, typographie et rédaction web

Si certains blogueurs-entrepreneurs parviennent à gagner leur vie en bloguant, c’est loin d’être une généralité et l’arrêt de PointBlog n’est pas fait pour rassurer. Dans ces conditions, il peut être tentant de démarrer sa petite entreprise sur le web. Si le choix du E-CMS (pour E-Commerce Management System) pour présenter ses produits ou services est très important, il ne faut pas perdre de vue que la création d’une boutique en ligne revient à créer une boutique tout court…

le e-commerce : des fois, c’est facile, des fois… pas facile !

Les outils évoqués ici proposent des procédures d’installation et d’administration assez simples. Il est toutefois préférable d’avoir des compétences en création de sites web pour être autonome. Si ce n’est pas le cas, vous envisagerez peut-être la location d’une boutique hébergée chez un prestataire. Si le principe semble séduisant, la réalité l’est souvent moins. Par ailleurs, le prix à payer permettrait souvent de faire appel à un free-lance pour mettre en place votre boutique.

Je ne vise pas tous les prestataires : disons que vous devriez vous méfier de ceux qui proposent un financement sur 5 ans en n’ayant eux-mêmes qu’un an d’ancienneté dans le domaine…

Par ailleurs, si vous êtes en phase de recherche d’éléments de comparaison pour choisir un fournisseur ASP ou vous débrouiller avec une script opensource, je vous conseille vivement la lecture du billet très instructif intitulé Vous êtes plutôt Lego ou Playmobile ? Si une boutique en mode ASP vous attire, en voici une liste.

le e-commerce, c’est surtout du commerce

Même avec des connaissances en développement web, gérer une boutique en ligne ou un commerce en dur c’est kif kif. C’est peut-être même plus difficile online, car aux contraintes du commerce en général, s’ajoutent celles du commerce en ligne en particulier :

• rédaction des notices des produits (charte rédactionnelle),
• prises de vues des produits,
• référencement du site,
• choix du ou des modes de paiement,
• mise en place des conditions générales de vente,
• prise en compte des différentes législations en vigueur,
• emballage et expédition des commandes,
• etc.

Sans parler des contraintes propres à votre système de boutique qui ne manquera pas de vous faire perdre quelques cheveux tôt ou tard ;) Bref, même le meilleur E-CMS demandera du temps pour être maitrisé et adapté à vos besoins. Et oui, il ne suffit pas de lancer un script d’installation et remplir une base de données avec vos produits pour que les commandes s’emballent et s’expédient dans la foulée pendant que vous buvez une bière un thé un café sur votre canapé ;)

Quelques outils pour gérer votre boutique en ligne

Si vous être prêt à mettre les mains dans le camboui, voici un aperçu des outils que j’ai eu l’occasion d’utiliser :

osCommerce, le plus répandu

osCommerce est certainement l’outil le plus répandu en France et dans le reste du monde. Non sans raison, car le projet existe depuis longtemps et une communauté importante s’est peu à peu constituée pour répondre à vos questions, y compris en français, ce qui peut avoir son importance.

Le point fort d’osCommerce est cette forte communauté. Son point faible, c’est que sans cette communauté vous aurez des difficultés pour avancer tout seul à cause de la structure des fichiers : l’organisation du code fait passser n’importe quelle usine à gaz pour un modèle de clarté.

La critique est aisée mais l’art est difficile, j’en conviens : ce côté usine à gaz à sa raison d’être et si vous ne tentez pas de vous soustraire à l’organisation et à la logique de fonctionnement de l’outil, vous pourrez gérer de nombreux paramètres en quelques clics. Le plus difficile sera peut-être de trouver où cliquer car osCommerce disperse allègrement les options dans son interface d’administration.

Une fois les fonctions de base assimilées, vous trouverez sans peine une foultitude de plugins contributions pour étendre les fonctionnalités de votre boutique. Malgré les qualités d’osCommerce, il reste un point qui calme mon enthousiasme : l’utilisation abusive des tableaux pour la mise en page ; je ne veux pas faire le standardiste de service, mais là c’est vraiment exagéré… Toutefois, il semblerait que la prochaine version apporte quelques améliorations.

osCSS passe en version 1.2

Si vous n’avez pas envie de plonger dans une soupe de balise pour intégrer votre charte graphique, osCSS vient de passer en version 1.2 et reprend le coeur des fonctionnalités d’osCommerce en laissant de côté la couche de présentation en tableaux. Il devient possible de skinner sa boutique en ligne presque aussi facilement qu’un blog !

Quelques templates sont proposés à l’installation. Pour vous faire la main, je vous déconseille les thèmes qui utilisent jusqu’à une trentaine de feuilles de style importées. Pour en avoir fait l’expérience, il est préférable de partir de zéro ou du thème défault qui contient le minimum, quitte à garder un oeil sur les autres fichiers CSS pour s’inspirer de la liste quasi exhaustive des classes et des ID’s utilisées dans le code HTML.

Par rapport à la version osCSS 1.1 dont j’avais déjà dit quelques mots, cette nouvelle version propose une interface d’administration plus évoluée, à l’image de ce que l’on trouve dans les autres versions d’osCommerce.

Télécharger osCSS 1.2

osCommerce version CREloaded

Si osCSS peut être considéré comme une version light d’osCommerce, la version CREloaded en est la version bodybuildée ! De nombreuses contributions ont été intégrées pour en faire un package prêt à l’emploi. Cette version possède son propre écosystème avec une philosophie orientée business : si la version Standard est gratuite, il existe une version Pro à partir de 150$. Des modules supplémentaires, des templates et une aide à l’installation peuvent également être achetés.

Comme pour osCommerce, une communauté francophone existe pour vous guider dans toutes les étapes de la création de votre boutique avec CREloaded.

Autres systèmes pour vendre sur le web

Il n’y a pas que osCommerce et ses avatars pour tâter du e-commerce (Liste constituée d’après le blog kardamome) :

• Zen-Cart
• Thelia
• Peel
• Emencia Commerce Suite
• Magento
• PLICI

Certains CMS possèdent des plugins e-commerce :

• EZ publish
• Joomla + Virtuemart
• Drupal + Ubercart
• WordPress + WP-Commerce
• Dotclear 2 + 42Stores

En bref

Le nombre de solutions disponibles pour vendre sur internet augmente peu à peu. Il était temps car pour nombre de créateurs, les solutions osCommerce et CREloaded ne correspondent plus vraiment à ce que l’on est en droit d’attendre en terme de respect des standards du web. Pas pour les standards en eux-mêmes, mais parce qu’ils garantissent une maintenance aisée du code, ainsi qu’une plus grande facilité pour adapter vos templates à l’air du temps comme le font les boutiques faites de briques et de mortier qui réorganisent leurs vitrines plusieurs fois dans l’année.

Articles sur le même sujet

• Templates et boutique en ligne osCSS
• Boutique en ligne : osCSS vs osCommerce ?
• Aperçu instantané de Google, Webdesign et référencement naturel
• Conventions de nommage pour les CSS — identifiants et classes — de votre site web
• Le Design serait inutile dans 80% des cas

Après avoir abandonné l’idée d’adapter une charte graphique un peu funky dans osCommerce, j’ai regardé de plus près le projet osCSS. C’est une version CSS ready du projet osCommerce. La particularité d’osCSS est de fournir du code valide au regard des standards du W3C, qu’il s’agisse d’XHTML 1.0 ou 1.1. Les templates sont construits sur des fichiers CSS facilement personnalisables et interchangeables.

CSS ready signifie notamment (même si les tableaux sont aisément stylables en CSS) que les table cachées dans quasiment tous les recoins d’osCommerce sont remplacées par des balises sémantiquement plus correctes : liste non-ordonnée ul pour les menus, liste de définition dl pour l’affichage des produits… Si le bonheur n’est pas dans le pre, il est peut-être dans la le li…

Le principe des templates est connu. Je rappellerais seulement qu’il s’agit le plus souvent d’un dossier contenant les éléments personnalisables d’une application. Généralement, ce dossier contient :

• un dossier images pour placer les éléments graphiques,
• un ficher index.php ou template.php qui contient le squelette XHTML ainsi les appels des fonctions PHP,
• un fichier CSS pour mettre en forme les balises du fichier cité plus haut.

Une application bien pensée devrait idéalement séparer la partie métier (les fonctions) et laisser à l’intégrateur le soin de choisir l’emplacement des appels de fonctions. C’est plus ou moins le cas dans osCSS.

En effet, une charte graphique peut imposer de regrouper ou séparer certaines balises pour former des groupes d’éléments positionnables avec float: left ou position: relative, etc. Dans le cas d’osCSS, il est parfois nécessaire de modifier des fichiers situés en dehors du dossier template, contrairement aux systèmes modernes de blogs comme Dotclear ou WordPress, où les principes de programmation retenus permettent de garder une saine séparation entre la forme et le fond.

Je n’ai pas encore testé la partie administration de la boutique pour remonter les bugs éventuels qui ne manquent jamais d’apparaitre quand on pense avoir terminé. Mais en ce qui concerne la partie design CSS, si on oublie l’idée de ne modifier que le dossier template en cas de maquette un peu complexe, la solution osCSS semble un très bon choix.

Outre les qualités intrinsèques d’osCSS (templates full CSS, simplification de l’organisation des fichiers), le projet semble soutenu par une communauté vivante et motivée qui alimente un forum et un wiki pour suivre les développements et la documentation !

Sur ce, meilleurs voeux pour 2007 et à bientôt sur le sujet ;)

Articles sur le même sujet

• Boutique en ligne : osCSS vs osCommerce ?
• e-commerce : quel E-CMS pour gérer votre boutique en ligne ?
• Création de site WordPress de A à Z — B comme Basics
• WordPress de A à Z — A comme Allons-y ! (on s’organise)
• CSS Sans Stress — Une formation intégrateur HTML & CSS

Si je n’ai pas beaucoup écris ces derniers temps, c’est la faute à osCommerce ! Si vous avez déjà mis les mains dans le cambouis de cette « solution » pour adapter la charte graphique de votre boutique en ligne, vous avez certainement eu l’occasion de fustiger le mélange des fonctions et des classes PHP avec les balises table qui compliquent inutilement la tâche de l’intégrateur HTML et CSS.

Après l’installation de osCSS, vous avez une boutique en ligne prête à respecter les standards avec un doctype strict et un code xhtml sémantiquement correct.

En attendant la version 1.2 finale, vous pouvez vous faire une idée du travail de titan effectué par manmachine et j4k en installant la version 1.1-RC1 basée sur la version MS2.2 d’osCommerce.

Ceux qui tournent sur une version Creloaded n’auront donc que leurs yeux pour pleurer, à moins qu’ils ne changent leur fusil d’épaule et essaient la boutique Thelia proposée sous licence GPL par la société Octolys.

PS : On me souffle dans l’oreillette qu’une version MS3 d’osCommerce devrait voir le jour sous peu. D’après ceux qui l’ont testée, des efforts auraient été fait concernant l’organisation des templates. A suivre…

Articles sur le même sujet

• Templates et boutique en ligne osCSS
• e-commerce : quel E-CMS pour gérer votre boutique en ligne ?
• Création de site WordPress de A à Z — B comme Basics
• WordPress de A à Z — A comme Allons-y ! (on s’organise)
• WordPress — Menus «funky» avec wp_list_bookmarks()