Les Libraires

Faire rayonner nos libraires locaux

Section 1 browser desktop 02a3dabc4bf1d964660947c54e3882a39a4ce960b683ba3007e587c918a37247
Section 1 browser mobile 94e6e2ea32587a147e983cf2b25ccac7e71fbe83c3e72abe62039863811f4cc5

Il y a quelques années déjà, nous participions à un projet d’envergure. La coopérative des Librairies indépendantes du Québec (LIQ) nous demandait de créer une plateforme Web pour faire rayonner les librairies locales et stimuler leurs ventes. Fiers d’un grand succès, nous avons récemment eu l’énorme privilège de participer à la deuxième mouture de cette plateforme. L’objectif cette fois-ci: mettre le site au goût du jour dans le but ultime d’encourager une hausse des ventes sur le site Les Libraires.

Une image revampée vibrante

Section 3 browser desktop 0593c5802c7468f972a6e45be4e1d0eeee27ad01860f9d96623a84f1439a4b3c

Avec une toute nouvelle image de marque en main, il était indispensable de revoir l’ensemble du design d’interface. La ligne directrice que nous avons tracée avant d’amorcer le remue-méninges créatif: proposer un look intemporel avec une signature unique. Le résultat: un environnement sobre, où le contenu est mis en valeur et segmenté à l’aide d’accents de couleur. Pour faciliter les recherches des clients, des pictogrammes et des bulles permettent de trouver rapidement les caractéristiques d’un ouvrage et les critiques des libraires s’il y a lieu. Par exemple, un titre marqué d’une pastille «OUI!» jouit évidemment de plus d’attention que les autres.

Objectif interface utilisateur | UI

Petits et grands formats

Section 4 laptop 2fc0b67e5af33e15ba605b276fe6831904a553e911c4b33c6b6a48cb2994d55e

Ordinateur personnel, ordinateur portable, iPhone, iPad, iPad mini, iPad Air, Android… la liste des différents types d’appareils de différentes dimensions est longue! Afin d’assurer une expérience efficace et instinctive en tout temps, nous avons conçu un design adaptatif où tous les éléments du site s’ajustent automatiquement à la bonne taille, peu importe l’appareil utilisé. Finie l’ère des liens trop petits pour un doigt, des zooms en pinçant et dépinçant l’écran, et des formulaires trop longs à remplir sur un téléphone! Les utilisateurs sont mobiles plus que jamais et l’expérience sur le site des Libraires doit être agréable en tout temps. Les utilisateurs ont toujours droit à une visite sans limitation.

Objectif expérience client | UX

Écrémer, faciliter, simplifier, bonifier... Bref vous comprenez.

Section 5 wireframe 1 216c8ca4c46f465cfdea639cd9ec77e1d254eec089e8adb447ccecdf57443ace
Section 5 wireframe 2 bf13ecdabe401dcef8d939b91dc234e3727662da170b6befc8d8b1dc3f2e70d1
Section 5 wireframe 3 1e9f1200e5ec006d37df82f9c7da500fd18a3d88065163b6bc9db258c806e7c1
Section 5 wireframe 4 b7c96d27f20d30a1c9448d447b5eaa63e51ee8a08d66643f4dae1fc3b7346eb8
Section 5 wireframe 5 b88a2a892271cbaf21b10fad0eae9fcad96d412ad51a095b922506693743e5a8

Les années d’expérience (nous vous avons dit que nous avons plus de 20 ans de métier?) permettent de raffiner les pratiques et leur mise en œuvre. Voilà pourquoi avant d’élaborer cette nouvelle version du site Les Libraires, nous avons tout repris du début, avec la révision des fonctionnalités que nous avions proposées des années plus tôt.

Lors de notre analyse, nous avons réalisé avec surprise que certaines de ces fonctionnalités avaient très peu servi, tandis que d’autres avaient tout avantage à être mises de l’avant ou à être bonifiées pour augmenter le volume de ventes générées par le site. Nous avons donc proposé d’épurer le tout, pour nous concentrer sur l’essentiel.

D’un point de vue plus technique

EN CHIFFRES

Abordons maintenant la globalité de ce projet d’un point de vue un peu plus technique (nous sommes un peu «geeks», après tout). Débutons avec quelques chiffres intéressants: leslibraires.ca, c’est :

  • entre 400 000 et 500 000 produits mis à jour automatiquement toutes les nuits,
  • plus de 63 000 visiteurs uniques chaque mois.
Section 6 mosaic 3d51295a7b6210be5b98f33226391783588648a633f8edf19e7c6e11f997ebd6
FLEXIBILITÉ DE PAIEMENT

Pour en arriver à ce succès sur le plan des commandes de livres, nous avons décidé d’opter pour deux solutions de paiement qui nous offraient des services web éprouvés, fiables et performants: PayPal et BluePay (anciennement Caledon). En utilisant ces deux services, la plateforme offre plus de choix aux utilisateurs. Ces derniers sont libres de passer leur commande via leur compte PayPal ou de demeurer sur le site et y finaliser la commande avec le service BluePay. Comme on s’en doutait, plus de flexibilité de paiement s’est vite traduit par plus de ventes.

FLEXIBILITÉ D’ACHAT

Comme on sait que tous n’ont pas le même niveau d’aisance à effectuer une transaction en ligne, le site permet aussi aux utilisateurs de réserver des produits qu’ils peuvent ensuite payer et récupérer en librairie. Ce service est offert aux particuliers et aux institutions (école ou autre).

HISTORIQUE ET DONNÉES UTILES

Le site offre aux utilisateurs un historique qui leur permet de consulter facilement et rapidement toutes leurs commandes antérieures ou en cours. Un palmarès complet des livres les plus consultés est aussi disponible.

Section 7 circles e3c8154a2457a20bfc73fe074b76afd05e5667be051ccbbe264b9e1b344486ef
 
SIMPLIFIER LA VIE DES LIBRAIRES

Un des défis majeurs de ce projet de site transactionnel avec vente en ligne était de concevoir un outil simple à utiliser. On ne voulait pas alourdir la tâche des libraires, mais plutôt proposer un complément parfait. C’est ainsi que, par exemple, nous avons développé un système qui génère un code-barres à chaque commande passée, qui, une fois balayé, permet de maintenir à jour les inventaires et la comptabilité de chacun des partenaires. Évidemment, synchroniser les systèmes de gestion et faire gagner du temps à tout le monde, c’est payant! Pas la peine d’expliquer plus longuement à quel point les libraires ont vite adopté les outils de la nouvelle plateforme Web!

Section 8 par1 right 45e8c686067cd921e4a6bb2f6a4aaffec829ee765d4a8d4eb30af808409fa7a6
Section 8 par2 left ab55efdcadfb986bff57f36db4fc4fb0b6fdd5a8b771c52d6103812cf54c9a74
PROTECTION DES DROITS INTERNATIONAUX

Dans le domaine du livre numérique, des règles territoriales s’appliquent. Ce n’est pas parce que le produit se vend sur Internet que la vente en est permise partout. Nous avons donc adapté notre plateforme avec l’ajout d’un mécanisme de sécurité qui contrôle la vente des livres par pays. D’un point de vue technique, on reconnaît l’adresse IP d’un utilisateur aussitôt qu’il ajoute un produit dans son panier. Si l’adresse IP est dans une zone non admise, le système informe cette personne que le produit ne peut être vendu dans son pays. C’est tout simple, mais non négligeable.

Section 8 par2 right b016e9caa8eaa28f8fab34aa93846eef4696af5f9fb3c973a22e1917bf724ed2
Section 8 par3 left e8a7e1d2ef5134eea45e449e7ee55b70b6e863470e50951d67072fa2b2ffabc6
PROGRAMME DE RISTOURNES

Afin de concurrencer les plus gros joueurs dans le marché de la vente de livres en ligne, nous avons développé des solutions pour maximiser la visibilité des libraires et de leurs produits. Tout d’abord, grâce à un système d’affiliation qui permet l’intégration de livres provenant du site des Libraires sur n’importe quel site externe. Lorsqu’une transaction (dans ce cas-ci l’achat d’un livre) a lieu par l’entremise d’un site ou d’un blogue appartenant à une tierce partie, celle-ci reçoit des redevances. Plus de visibilité génère plus de revenus et plus de ristournes, et donc tout le monde sort gagnant de ce modèle de «partenariat ouvert».

UN SITE QUI EN GÉNÈRE D’AUTRES
Section 9 web a76bee7a738e34fb9a7dcb7f4f220574c5582eddddb56a878bcc2d1cf19a8d5d

Nous avons aussi développé un outil qui permet aux librairies indépendantes qui le désirent de créer leur propre site Web personnalisé à partir du gabarit graphique et de la programmation du site principal des Libraires. De cette façon, même les plus petits commerçants peuvent avoir une présence Web transactionnelle et bénéficier de revenus supplémentaires, à très faibles coûts.

IMPORTATION DES PRODUITS

Sur le site leslibraires.ca, l’ensemble des produits provient de sources externes. L’interface Hubilis assure le lien entre le site des Libraires et les différents fournisseurs de contenus numériques (Prologue numérique, ADPNU, Numilog, Demarque). Les images et les informations de ces sources sont traitées en entonnoir, ce qui permet d’éviter une surcharge au niveau du poids du site et, par conséquent, réduit les fluctuations pour ce qui est de la vitesse de téléchargement et de navigation.

Le processus d’importation quotidienne des données dans un format structuré XML (Onix 3.0) assure une normalisation sur tout le site, ce qui rend les résultats de recherche toujours pertinents.

Section 10 xml 6071aa733a114b39c4ffc364b08045c43fa929f1c4204435bf284cf69be778c2
UN MOTEUR DE RECHERCHE DE HAUT NIVEAU Section 11 search 9fbd0c5a0d8fa819ccffd091aba5070c8114362af68c5fc9b2fea7d29504be6c

Qui dit plateforme d’envergure dit moteur de recherche ultraperformant. Les gens doivent trouver ce qu’ils désirent rapidement. Trop de sites commettent l’erreur d’avoir un moteur de recherche sous-performant, causant ainsi frustrations et perte d’achalandage. Sphynx se voulait ici la solution idéale puisque, combiné à nos méthodes de programmation, il fouille à travers l’ensemble des produits de la plateforme et offre aux utilisateurs une recherche précise et rapide.

Une refonte qui permet à notre client de se positionner au niveau des grands acteurs de la vente de livres en ligne, et ce, avec beaucoup de fierté et d’assurance.