Article tagué webdesign
Refonte e-commerce, d’Alexandrines.fr à Editions-Alexandrines.fr
12/04/11
Après plusieurs échanges liés à la fourniture de photos pour les couvertures d’ouvrages concernant la région Midi-Pyrénées, il a été décidé de reprendre le site des Éditions Alexandrines.
Cette maison d’édition étant située à Paris, 31 rue du Couëdic dans le quatorzième arrondissement, et moi toujours au pied des Pyrénées, ce travail a été réalisé en télétravail total, par téléphone,e-mail, courrier et smartphones ![]()
Mais tout d’abord Pourquoi refondre un site d’e-commerce?
Ce qui doit motiver la refonte d’un site d’e-commerce en premier lieu c’est l’amélioration de son efficacité. Ceci paraîtra évident à certains mais hélas un bon nombre de refontes n’ont pour seul objectif que de donner un coup de neuf à un site existant en lui modifiant quelques styles et couleurs afin de le remettre » au goût du jour ».
Ces modifications d’apparence n’ont souvent que peu d’influence sur le taux de conversion, de la même manière qu’un lifting a rarement fait courrir plus vite
Toutefois il est clair que dans certains cas des modifications graphiques et ergonomiques (le mot est laché) sont nécessaires.
Il en va d’une notion très importante en commerce et encore davantage en e-commerce : la crédibilité.
Après avoir été envoyé par un moteur de recherche,dés les premières secondes de sa visite, l’internaute se questionne :
- Ce site correspond il à ce que je cherche?
- Sur ce que je vois à l’écran des indices me laissent-ils penser que je vais y trouver ce que je cherche?
- Où dois-je cliquer pour avoir ce que je veux?
- Dois-je retourner sur Google, Bing ou Yahoo et choisir un autre résultat?
Pour la réussite d’un site d’e-commerce la crédibilité et cette impression rassurante est donc primordiale.
Toutefois, l’environnement graphique et l’ambiance créé et surtout l’organisation de l’information sont également essentiels.
Une refonte réussie se doit de l’être dans chacun de ces points ainsi que dans le choix de la technologie mise en place ( temps d’affichage, réactivité, référencement, simplicité de mise à jour etc …)
Les éditions Alexandrines disposaient jusqu’ici d’une boutique en ligne qui était hélas assez peu performante sur chacun de ces points, et donc sans vouloir dénigrer ce qui avait été fait, je crois qu’il était temps d’intervenir.
Voici ci-dessous quelques captures d’écran de la boutique en ligne www.alexandrines.fr au mois de mars 2011.
Page d’accueil :
Exemple d’un ajout au panier :
Outre ces considérations purement techniques,graphiques ou ergonomiques, il est un sujet qui est très important également : l’efficacité.
je vais donc terminer par ce point, tout en ne connaissant pas le volume de ventes en boutique.
Ayant déjà investi pour son site Web en juin 2010, la petite maison d’édition ne souhaitait pas allouer à cette amélioration un budget trop épais, surtout au vu du taux de conversion.
Ma première proposition a été de reprendre l’existant, (amélioration des mots-clés, reprise de tous les styles, renseignements des alt/meta et pages gérées en CMS et bien sûr reprise du graphisme dans la limite des possibilités du template en place et du temps qu’il serait raisonnable d’y allouer.
Après plusieurs heures de travail sur l’existant, il m’a fallu faire une autre proposition, nous allions droit vers une nouvelle version qui ne donnerait satisfaction ni aux Editions Alexandrines, ni à moi.
J’ai donc proposé de tout reprendre à zéro avec portage intégral du contenu.
Travaillant déjà sous Prestashop pour d’autres projets, le choix de la plate-forme technique a été rapide.
J’ai choisi de modifier le thème standard et d’axer mon travail sur le contenu de façon à le rendre facilement indexable.
Fin mars était donc mise en ligne cette nouvelle version sur l’URL : http://www.editions-alexandrines.fr, je vous invite donc à le visiter et à y découvrir les régions de France via des balades et biographies aussi intéressantes qu’accessibles.
Moteur de présentation 3D de produits en flash
18/06/10
Pour Maison et Confort.com en plus de gérer le design global j’ai pu expérimenter et développer des outils d’aide à la vente ou facilitant le choix de l’internaute.
de nombreux didacticiels , simulateur de couleurs et autres.
Parmi ceux-ci j’ai retrouvé mon « rotatif 3D » , je dis « mon » rotatif parce que j’en suis le concepteur et que j’en ai réalisé une bonne grosse part mais Sébastien qui nous a rejoint a vraiment apporté à son développement surtout pour les versions dynamiques, Sébastien est également un graphiste qui code tout comme moi, (ce qui est différent d’un développeur qui fait du graphisme)
.
Je me dois de préciser que la notion de 3D est totalement biaisée car il ne s’agit aucunement de réelle 3D, ici point de modélisation, de mapping et autres amusements ![]()
L’effet de 3D perçu ne l’est que par trucage et repose sur un système de photographie rotative développé en interne.
Présentation.
À la grande différence d’un achat en magasin, l’internaute est loin de l’article et de ce fait privé de toute sensation de toucher du produit, ( ou même du confort d’assise dans le cas d’un canapé), j’ai donc proposé à mr Layani de développer ce type de modules afin de valoriser la qualité des produits avec un peu d’interactivité.
Principe de fonctionnement
sur la fiche de présentation d’un article, dans le cas présent ce sont des canapés mais ce moteur a été implémenté avec réussite pour d’autres typologies de produits.
Une animation flash récupère le nom du canapé et va chercher les visuels adaptés
(ceux ci ne sont chargés chez l’internaute que lors de l’action sur bouton, afin d’éviter d’alourdir la fiche produit inutilement.)
Utilisation :
L’interface permet de faire pivoter ou d’activer des fonctionnalités des articles image par image façon stop-motion.
l’interaction n’est pas obligatoire, laissant à l’internaute pressé qui le souhaite profiter d’une animation automatique façon diaporama rotatif.
Exemples :
Direct Pro.fr et Fitness-beaute.com (site e-commerce et marketplace)
16/06/10
DirectPRO.fr et Fitness-beaute sont deux sites Internet réalisés en 2003-2004 chez TOVACOM pour GECODIS
en complément d’habitat et jardin.com.
Directpro.fr
(site de réseau professionnel et marketplace)
Création Identité visuelle
Webdesign complet, supports de vente papier, et brochures
-
-
-
-
-
-
-
-
FitnessBeauté.com
Site de vente de matériel de musculations et de solutions de fitness
Création Identité visuelle
Webdesign complet et webmastering.
Van Cleef & Arpels parfums (Webdesign flash)
14/06/10
Réalisation d’un mini site flash pour les parfums de la maison de joaillerie Van Cleef & Arpels
(Projet hélas non finalisé pour des raisons autres que graphiques)
Direction Artistique : Jérome Meunier/P.Pijollet
Babel@Stal 2001
L’animation ci-dessous est une version de travail non aboutie et qui conserve encore quelque bugs ici et là, et que je ne me vois pas corriger aujourd’hui
le système de navigation repose sur les 3 carrés colorés en bas de l’animation et veuillez bien sélectionner le francais
( Note: suite à plusieurs remarques et questions, non non je confirme bien que le bouton papillon « Partir à zanzibar »en bas a droite ne fonctionne pas










