rZool

Rien de telle qu’une boutique dont le design a été entièrement personnalisé autour d’un univers de produits pour générer un maximum de revenus !

Interview de Rémi, zlionaute féru de mangas et surtout de customisation graphique de boutique Zlio :)

- Peux-tu te présenter en quelques mots ?

- Quel zlionaute es-tu ?

- Parle-nous de ta boutique Manga & Jap’Animation

- Comment as-tu réussi à personnaliser à ce point ta boutique Zlio ?

- Qu’est-ce que la nouvelle version 3.5 des boutique t’a apporté ?

- Aurais-tu des conseils de personnalisation à donner aux zlionautes ?

- Comment arrives-tu à organiser une boutique avec plus de 900 produits ?

- Ta boutique est très bien thématisé autour d’un seul univers, comment réussir cette thématisation ?

- Quelle est la prochaine étape pour toi et ta boutique ?

Peux-tu te présenter en quelques mots ?
Je m’appelle Rémi, j’ai 26 ans et je réside actuellement en Île-de-France. Je suis passionné d’informatique depuis bien longtemps (je touche un peu à tout : programmation, développement web, graphisme…), de dessin, et comme beaucoup de jeunes ayant grandi devant le Club Dorothée, de manga !

Quel zlionaute es-tu ?
J’ai découvert Zlio il y a un peu plus de 6 mois, via un blog consacré au Web 2.0, je ne pourrais plus dire lequel car je passe beaucoup de temps à surfer sur ce genre de site. Intrigué, j’ai rapidement ouvert ma première boutique… qui était l’exemple type de ce qu’il ne faut pas faire : boutique fourre-tout dotée d’un nom à rallonge sans rapport avec son contenu, bref un désastre. Quelque peu découragé, je suis resté plusieurs mois inactif, jusqu’à l’annonce de l’ouverture au public de la version bêta 3.5 ! C’était l’occasion rêvée pour repartir de zéro avec une nouvelle boutique qui exploiterait au mieux cette nouvelle monture des Zlioshop. J’ai donc créé ma seconde boutique, consacré cette fois-ci uniquement au manga et à la japanime.

Parle nous de ta boutique Manga & Jap’Animation, comment t’est venu l’idée de créer cette boutique ?
Au départ, je ne savais pas exactement quel sujet aborder, mais j’étais déterminé à m’y consacrer pleinement. Il était donc préférable pour moi de choisir un sujet que j’apprécie et que je maitrise un minimum afin de pouvoir gérer facilement la gamme de produits ! J’ai alors établi une liste des thématiques susceptibles de faire une bonne boutique, puis j’ai effectué une sorte de mini étude de marcher en parcourant l’annuaire Zlio pour m’aider dans mon choix.

Très vite, l’idée d’une boutique informatique ou jeu vidéo a été abandonnée, ces domaines étant plus que saturés. J’ai fini par m’apercevoir qu’il y avait peu de boutiques BD & Manga, et que parmi celles existantes, peu me satisfaisaient vraiment : catalogue trop restreint, mises à jour irrégulières, ne proposant que des séries des années 80-90… Je dois tout de même reconnaitre qu’il y en a de très bonnes ! C’est d’ailleurs ce qui m’a un peu fait hésiter. Puis j’ai fini par me décider à créer ma boutique sur l’actualité manga, qui serait destinée à des personnes déjà initiées, et qui proposerait si possible un contenu de qualité enrichie de descriptions détaillées et d’informations diverses.

La personnalisation de ta boutique est vraiment impressionnante ! Comment as-tu réussi à arriver à un tel résultat ?
Tout d’abord, merci pour le compliment ! En fait, tout au long de sa création, j’ai gardé dans l’idée que je ne voulais pas simplement personnaliser une “boutique Zlio”, mais que je voulais créer “une vraie boutique en ligne”. J’ai alors procédé par étapes.

Pour bien commencer, refaire un tour dans l’annuaire Zlio s’est imposé, ceci dans le but d’analyser un grand nombre de boutiques et voir ce qui me plaisait, ce qui me plaisait moins, et surtout comprendre pourquoi ! Toutes ces recherches m’ont permis de constituer un cahier des charges définissant clairement ce que je voulais obtenir, et qui me guiderait tout au long des travaux.

Ensuite, j’ai abordé la phase graphique en réalisant différentes maquettes grâce à un célèbre logiciel de création graphique que je ne citerai pas. Le plus dur fut de savoir jusqu’où je pourrai aller. Sera-t-il possible d’utiliser certains champs afin d’y insérer du contenu personnalisé ? Serais-je en mesure d’ajouter mes propres JavaScript ? Pourrais-je modifier les animations de la page d’accueil (ce qui revient à modifier les scripts déjà présents). Tout cela m’a forcé à effectuer de nombreux essais, mais aussi à trouver quelques astuces pour arriver à obtenir ce que je voulais, ou le cas échéant, abandonner certaines idées. Une fois le résultat obtenu jugé satisfaisant, j’ai abordé le développement du CSS grâce à un banal éditeur de texte (j’ai tendance à tout coder à la main, le résultat étant plus propre). Cette étape fut plus longue que prévu, car il fallait s’assurer que le thème soit compatible avec les différents navigateurs.

Puis, je me suis consacré à son fonctionnement, en créant mes propres objets JavaScript, notamment celui pour les onglets. C’est assez facile puisque les boutiques utilisent la librairie JavaScript JQuery ! D’ailleurs, j’ai été obligé de réécrire quelques une de ses fonctions pour empêcher celle-ci d’exécuter les scripts d’initialisation des “carrousels ” (les produits qui défilent) sur la page d’accueil, pour les remplacer par mes propres scripts qui ont pour fonction de modifier les sens des défilements, le nombre d’objets à afficher…

Je n’ai d’ailleurs pas encore totalement fini avec les JavaScripts, puisque, je travaille sur la possibilité d’ajouter mes propres images aux produits qui en sont dépourvus (mais j’espère que cette possibilité sera incluse dans une prochaine version des Zlioshop car c’est assez lourd à gérer), ainsi qu’un blog, dont le contenu stocké sur un serveur distant se trouve insérer dynamiquement dans la page de ma boutique. Seul problème, ce contenu ne sera d’aucune utilité pour le référencement. Dommage.

Enfin, pour m’aider dans la gestion des articles de ma boutique, j’ai développé très brièvement quelques scripts PHP/MySQL que j’exécute en local sur mon ordinateur, et qui me permettent de répertorier mes produits (nom, éditeurs, collection, date de parution…) puis d’en générer le code HTML à insérer dans les champs descriptions des catégories ou produits (puisque c’est par là que j’insère le code de mes onglets et les textes).

Au final, j’ai été très surpris par la liberté qu’offre ce service ! Tout est autorisé : aucune balise HTML interdite, possibilité de modification et d’insertion de fichiers CSS, de JavaScript, de Flash… Trop souvent, les applications web ont tendance à interdire tout ça ! Zlio, non. Et honnêtement, maintenant que j’ai bien “trifouillé” dans tous les recoins, je ne sens pas de réelle limite, en tout cas, rien d’incontournable. Cependant, effectuer autant de modifications sur une version encore bêta, c’est prendre le risque de voir sa boutique ne plus fonctionner (ou mal) du jour au lendemain suite à une mise à jour de la pars des développeurs. En effet, il suffit d’un léger changement de code HTML ou d’une restriction au niveau de l’insertion des données et la boutique risque de ne plus ressembler à grand-chose !


Que t’as apporté la nouvelle version 3.5 des boutiques Zlio ? En terme de personnalisation ?
Cette nouvelle version marque une évolution important du service, tant elle offre de nombreuses nouveautés. Mais en terme de personnalisation, je dirai que le plus flagrant est la réécriture du code HTML des pages. Ne s’appuyant plus sur des tables, il devient désormais possible de modifier totalement la mise en page ! Cette souplesse permet de vraiment se lâcher pendant la création de l’habillage graphique. Et encore, avec ce premier thème pour la version 3.5, je pense être resté assez sage puisque j’ai gardé une mise en page classique (menu à gauche, contenu central) mais il serait tout à fait possible de placer le menu à droite ou horizontalement, de diviser le gabarit en 2 ou 3 colonnes… À présent, la seule limite est l’imagination !

Aurais-tu quelques conseils à destination des zlionautes qui aimeraient personnaliser leur boutique ?
Pour bien s’y prendre, il est essentiel d’avoir les bons outils. Personnellement, j’utilise le navigateur Firefox ainsi que les extensions Web Developper et Firebug qui sont incontournables, tant elles facilitent la création et la modification de CSS (leur utilisation est assez simple, il existe de nombreux tutoriels sur le net). Il est ensuite bien utile d’enregistrer une des pages de sa boutique sur son disque dur pour s’en servir comme support de travail.

Un conseil que je peux donné est de réinitialiser les styles déjà générés par Zlio (contenu dans les fichiers custom.css, main.css et master.css) sinon on se retrouve vite avec des styles non désirés ce qui peut être perturbant pour la création du thème… et parfois pas très bien gérer suivant les navigateurs (marges décalant le contenu, mauvais positionnement, etc.).

Je conseillerai également à tous les Zlionautes, même s’ils ne comptent pas customiser leur boutique, de consulter le blog et le wiki mis en place par l’équipe Zlio. C’est une mine d’or qui contient tous les secrets pour réussir sa boutique ! Que ce soit pour la création, la gestion ou encore le référencement, tout y est indiqué. Moi-même je les ai consulté régulièrement (et je continue à le faire) afin de créer ma boutique du mieux possible.

Je vois que tu as regroupé tes produits sous 7 catégories, pourtant ta boutique compte presque 1000 produits !! Pourrais-tu expliquer aux zlionautes comment tu as réussi à organiser ta boutique pourtant très fournie ?
Là encore, j’ai agi méthodiquement (du moins, j’ai essayé). Une fois la thématique de ma boutique choisie, j’ai noté sur une feuille tous les styles de produits que je comptais proposer (quitte à regarder dans un catalogue de VPC pour être certain de ne rien oublier), obtenant ainsi une vue d’ensemble du contenu de ma boutique. J’ai ensuite regroupé les produits ayant des choses en communs, et de là ont découlé mes catégories actuelles ! Plusieurs essais en ajoutant différents produits dans ma boutique ont été nécessaires pour voir si la navigation restait claire. Si j’avais des doutes ou pour me confirmer qu’une solution était viable, j’allais sur des sites marchands pour étudier comment les articles y étaient classés. Ou bien je m’imaginais dans une vraie boutique “physique”, avec des produits en rayon.

Seulement à ce moment, j’ignorai la limitation à 999 produits. C’est pour cette raison que la partie manga est beaucoup plus fournie que le reste. À mon avis cette limite n’est pas anodine, et elle n’est là que pour pousser le gérant à renouveler régulièrement son catalogue avec des produits d’actualité… sans quoi tout le monde ajouterait le plus d’objets possible et à terme, toutes les boutiques seraient identiques ! Ceci dis, ce n’est que mon avis et peut-être ai-je tord. Quoi qu’il en soit, je compte revoir sous peu mes produits, supprimer certaines séries ou ne pas en proposer l’intégralité, je ne sais pas encore très bien.

Au passage, s’il y a bien une chose à ne pas faire, c’est de créer les catégories à la volée lorsqu’on ajoute des produits ! C’est le meilleur moyen pour avoir des produits un peu n’importe où, sans hiérarchie ni logique dans l’organisation. Il faut penser qu’une boutique qui commence à devenir fouillis pour la personne qui l’administre le sera encore plus pour l’internaute qui la visite !

Personnalisation graphique, nombre de produits, une adresse et un titre bien choisie… on ressent bien l’univers des mangas sur tous les plans ! Je suppose que tu as fais un effort tout particulier pour thématiser ta boutique ?
Oui, j’y ai attaché beaucoup d’importance car comme je le précisais un peu plus haut, cette boutique s’adresse avant tout à un public déjà initié aux mangas ! Il faut à tout prix que ce public averti (et exigeant) se sente chez lui, dans son élément ! De plus, je désire aller au-delà de la simple vitrine de produits en apportant une ambiance… un peu comme dans certaines boutiques spécialisées, parfois pas plus grandes qu’un placard, tenues par des vendeurs passionnés et dans lesquelles on passe régulièrement pour découvrir les nouveautés (sans forcément acheter quelque chose d’ailleurs) et profiter de l’atmosphère. Et bien c’est à peu près ça que je vise. D’autant que la culture manga possède un univers qui lui est propre (j-pop, cosplay, animé) alors ce serait dommage de ne pas chercher à le réinvestir dans ce Zlioshop !

Quelle est la prochaine étape pour toi et ta boutique ?
Jusqu’à présent, je n’ai privilégié que l’aspect technique afin d’obtenir quelque chose d’exploitable au plus vite. Il est temps maintenant de passer à sa promotion ce qui, je pense, se traduit concrètement par des inscriptions dans des annuaires, des échanges de liens avec des sites de même thématiques ou ciblant le même public, et chercher à tout prix à améliorer son référencement (augmentation de ses backlinks)… Travailler sur cette boutique est un réel plaisir et je fais tout mon possible pour lui permettre de décoller. C’est pour cela que je viens de déposer, il y a tout juste quelques minutes, le nom de domaine manga-japanime.com ! Vous devriez donc pouvoir accéder très prochainement à ma boutique via l’adresse http://www.manga-japanime.com !

Pour conclure, je tiens à remercier les Zlionautes avec lesquels je suis en contact, ceux qui ont voté pour ma boutique, ainsi que toute l’équipe de Zlio pour leur gentillesse et l’attention toute particulière portée à l’égard de ma boutique !