La société bordelaise Damauto, spécialisée dans la vente de véhicules d’occasions récents, avait besoin d’un site Internet pour promouvoir ses voitures sur le web. Après plusieurs séances de briefing au cours desquelles les objectifs et les besoins ont été exposés, Les petits lézards ont su développer une solution performante et efficace à partir de la plateforme PrestaShop : www.damauto.com.

Dès le départ, nous avons bien évidemment écarté l’option de commerce électronique. En effet, la vente en ligne de véhicules d’occasions n’était vraiment pas la meilleure stratégie commerciale. Aussi, la mise en place d’un site catalogue était la solution la plus judicieuse.

Comme pour tous les projets des lpz, l’aspect graphique a été particulièrement soigné : un design original, élégant et épuré qui reflète parfaitement les valeurs du projet. L’ergonomie n’est pas en reste avec un navigation intuitive et fluide, grâce à laquelle l’internaute peut aller à l’essentiel avec un minimum de clic.

Côté administration, le site bénéficie de la puissance de Prestashop, c’est à dire une interface facile à prendre en main, une gestion des contenus rapide et une optimisation des annonces pour une bonne visibilité dans les moteurs de recherche (SEO).

La principale difficulté de ce projet fut l’adaptation de Prestashop. Cette plateforme est en effet conçue pour être utilisée comme une boutique en ligne. Alors, avec la collaboration de Julien Collin, nous avons dû retirer l’ensemble des options relatives au e-commerce.

Mon client souhaitait également ajouter quelques fonctionnalités supplémentaires, telles qu’une page d’accueil personnalisable dotée d’une animation Slideshow, ou encore l’affichage dans une fiche VO des mensualités d’un crédit-auto pour l’achat du véhicule sélectionné.
La société de crédit CETELEM propose un module de financement que l’on peut intégrer dans un site Internet par le biais d’une iframe. Seulement l’usage de ce module ralentissait considérablement l’affichage du site : une fiche VO mettait en moyenne 6 à 7 secondes pour se charger dans le navigateur Internet. Parfois on dépassait même les 10 secondes !!! C’était vraiment beaucoup trop !! Après la mise en place d’un système de cache le temps d’affichage est passé à moins d’une seconde !

Enfin, les petits lézards ont parallèlement développé un blog d’entreprise permettant ainsi à la société Damauto de communiquer différemment, d’une façon plus attrayante et moins formelle, avec ses clients, ses prospects et les internautes en général.
Totalement intégrée au site catalogue, on y retrouve bien entendu la même charte graphique. Un blog WordPress évidemment….

Cliquez sur l’image pour l’agrandir et naviguer dans la galerie

Parmi les nombreuses fonctionnalités de ce site, on peut noter :

• Une page d’accueil modulable avec la mise en avant d’une sélection de véhicules (Coup de cœur, Nouveautés, Opérations commerciales…).
• Une animation de type slideshow en javascript sur la page d’accueil.
• Des fiches VO détaillées avec des galeries de photos animées.
• Un module interactif de financement (CETELEM) pour chaque véhicule.
• La présence de pages informatives créées à la volée grâce à un module CMS intégré à Prestashop.
• Un moteur de recherche dans le catalogue.
• Un tatouage numérique (watermark) sur les photos.
• La mise en place de flux RSS sur les véhicules du catalogue mais aussi sur les articles du blog.
• Un interaction entre les flux rss du catalogue et du blog.
• Un nuage de mots clés sur le site et sur le blog.

La mise en ligne officielle du site www.damauto.com a eu lieu le 8 février 2010.

L’agence immobilière L’esprit du Sud pour laquelle j’ai déjà réalisé le site catalogue en 2007, avait besoin d’un support plus actuel et plus convivial pour communiquer avec ses clients, ses prospects et les internautes en général. C’est donc naturellement que Les petits lézards ont proposé la mise en place d’un blog d’entreprise. Un bon outil pour une forte visibilité sur le web à moindre coût !

Afin d’obtenir une intégration totale et naturelle, j’ai entièrement adapté le design du blog au site existant.  Ainsi on retrouve bien entendu la même charte graphique, mais également la même présentation : une structure à 2 colonnes avec un menu horizontal, les photos du header (le bandeau) qui s’affichent aléatoirement, le moteur de recherche en haut à droite et un pied de page constitué de mots clés pour optimiser le référencement naturel.

Côté back office, grâce à la plateforme WordPress, ma cliente peut administrer très facilement l’ensemble des contenus de son blog via son interface de gestion privée. Et ceci depuis n’importe quel ordinateur connecté à Internet ! Ainsi, en quelques clics, elle gère les différents articles, les commentaires et les photos, mais également les rubriques, les liens, les tags, les préférences du système, etc…

Cliquez sur l’image pour l’agrandir et naviguer dans la galerie

En ligne depuis 4 mois, on compte à ce jour plus d’une trentaine de billets postés régulièrement. Parmi ces articles, on trouve des informations sur la vie de l’agence, des conseils, des astuces mais aussi de l’actualité locale…

Visiter le blog de l’agence L’Esprit du Sud : www.lespritdusud.eu/blog

En ligne officiellement depuis le mois de janvier, voici l’une des dernières créations de l’agence Les petits lézards : www.pascalsavignard.com, le site Internet de Pascal Savignard, un artisan de Lisle sur Tarn.

Pascal est spécialisé dans tous les travaux de maçonnerie liés à la construction et à la rénovation. L’informatique, ce n’est pas son domaine et cela ne l’intéresse pas vraiment. Cependant, à l’instar de beaucoup  d’artisans et de PME, il avait besoin d’un site Internet pour promouvoir son activité et montrer son travail à ses futurs clients.

Motorisé par la plateforme WordPress, le site Internet de Pascal Savignard intègre plusieurs fonctionnalités intéressantes dans un design soigné, tout en transparence.

Cliquez sur l’image pour l’agrandir et naviguer dans la galerie

Ainsi, avec une gestion des contenus très simple et intuitive, Pascal peut facilement, et sans connaissance particulière en informatique, ajouter des notes d’actualités et enrichir son portfolio en intégrant à la volée des galeries de photos avec effets lightbox. Une fonction blog ajoute de l’interactivité au site Internet en offrant aux internautes la possibilité de commenter un article ou de poser une question directement à Pascal.

L’association Asso’Miech a fait appel aux lpz pour la mise en place de leur site-blog. Mis en ligne fin novembre 2009 ce site est structuré sur une architecture WordPress.

L’Asso’Miech regroupe des consommateurs et producteurs du Tarn. Ses objectifs principaux sont d’approvisionner les adhérents en légumes de saison par le biais de paniers hebdomadaires bio, de soutenir et développer l’agriculture paysanne et contribuer à la création d’emplois dans le milieu rural. C’est donc dans cette optique que Les petits lézards ont travaillés un design aux couleurs de la terre et de la nature.

Cliquez sur l’image pour l’agrandir et naviguer dans la galerie

L’utilisation de ce site a pour double objectif de communiquer facilement entre les adhérents mais aussi de promouvoir l’activité de l’association sur l’axe Lisle sur Tarn – Gaillac – Albi.
Les fonctionnalités sont donc simples et classiques avec la mise en place de pages dynamiques participatives (articles et commentaires) complétées de pages statiques et informatives. S’ajoute à cela l’intégration de l’API Google Maps et l’affichage sur toutes les pages du site des derniers commentaires publiés, d’un nuage de mots clés et d’un module de sondage.

Les petits lézards ont réalisé fin novembre 2009 la refonte graphique du site internet du RRS de Saint-Aulaye qui regroupe 8 établissements scolaires en Dordogne.
Un site basé sur une architecture SPIP.

Mis en place par Julien Collin le CMS SPIP permettra au webmaster du site une gestion plus aisée des contenus jusque-là d’hébergés sur une page perso du fournisseur d’accès Orange. La maquette et la découpe des éléments ont été effectués avec Adobe Photoshop.

La mise en ligne officiel du site est prévue dans quelques semaines.

Cliquez sur l’image pour l’agrandir et naviguer dans la galerie

Le site avant la refonte (Cliquez sur l’image pour l’agrandir)

N.B. : Les Réseaux de Réussite Scolaire (RRS) ont pour principal objectif de lutter contre les inégalités sociales et économiques dans les écoles et les collèges.

Une petite animation flash en introduction, un design frais et élégant, voici l’une des dernières réalisations signée Les petits lézards : la refonte du site d’ACT Consulting, négociant en voitures d’occasion de la région bordelaise.

Il s’agit d’un site en 4 langues, réalisé entièrement à la main, avec l’aide des outils que j’affectionne : Photoshop, Flash et Dreamweaver.

Comme d’habitude, voici le résultat de mon travail suivit d’un aperçu avant la refonte :

Cliquez sur l’image pour l’agrandir et naviguer dans la galerie

Le site avant la refonte (Cliquez sur l’image pour l’agrandir)

Pour ce projet, j’ai pris plaisir à communiquer et à travailler avec les membres d’ACT Consuting, une équipe jeune, joviale et dynamique, qui ne se prend pas la tête. Je tiens tout particlulièrement à les remercier sur cette page.

La toute dernière version du blog de Lisle sur Tarn, le blog, que j’anime et administre depuis mai 2008, a été mis en ligne vendredi dernier. C’est l’aboutissement de plusieurs heures de réflexion et de travail, plusieurs heures prises sur mon temps libre…

J’ai profité de ce « relooking » pour migrer vers la version 2.7.1 de WordPress. J’appréhendais beaucoup cette mise à jour car j’avais lu, à droite et à gauche, pas mal d’articles contradictoires. Pour certains, cette mise à jour s’est déroulée sans aucun souci, pour d’autres cela a été un véritable calvaire… La prudence étant de mise, j’ai fait migrer l’intégralité des contenus du blog vers une plateforme de test, puis j’ai mis à jour WordPress (sans aucun problème). Ensuite, j’ai commencé à bidouiller sous le capot pour l’adapter à ma sauce. Enfin, j’ai peaufiné un nouveau thème tout en gardant un esprit général jeune et « flashy».

Pour annoncer cette mise à jour, j’ai mis en place une petite campagne de teasing avec l’affichage d’une animation Adobe Flash dans le bandeau pour décompter les jours et l’envoi en parallèle de 6 newsletters, à  J -10, J -5, J -3, J -2, J -1 et, bien sûr, le Jour J.

Globalement, j’ai eu un bon accueil pour cette nouvelle version : beaucoup de mails d’encouragement et… peu de commentaires sur le blog. Dommage… Mais cela ne m’étonne guère car déposer un commentaire ne fait pas encore partie des habitudes des internautes de ma région. Cependant, je ne désespère pas !! Le principal, c’est la fréquentation du blog qui est très honorable : depuis mai 2008, il y a en moyenne 6 000 visiteurs par mois, plus de 15 000 pages vues et une audience en augmentation constante.

Hormis les nouveautés apportées à cette nouvelle version, l’aspect le plus important pour moi dans cette expérience est incontestablement la mise en place d’espaces publicitaires. Jusqu’à présent, j’étais totalement réfractaire à ce principe. D’ailleurs, vous avez certainement remarqué que TOUS les sites que j’ai réalisé ne comportent pas de publicité. Sauf évidemment lorsqu’il s’agit d’une volonté expresse de mon client. Et encore, la plupart du temps, je parviens à l’en dissuader…

Alors, vous me direz, pourquoi avoir changé d’avis ? En fait, j’ai toujours la même opinion de la publicité sur Internet : c’est naze et c’est moche !!!
Cependant, j’ai bien dû mettre de l’eau dans mon vin car l’administration de ce blog me prend beaucoup de temps : entre 20 et 25 heures par semaine ! Et pour continuer à proposer ce service gratuitement aux habitants de ma commune et de la région, il a fallu que je mette en place un modèle économique.
Dans ma région, nombreuses sont les entreprises qui louent des encarts publicitaires sur des supports papiers de publications gratuites. Aussi, je pense que les formules de campagnes que je propose, pour un coût infiniment moins important, ont largement leurs chances, sans pour autant nuire aux supports déjà en place.
Reste à savoir maintenant, si je vais trouver le temps de démarcher les annonceurs potentiels. Mais pour cela, j’ai encore quelques trucs en réserve dans ma besace…

Cliquez sur l’image pour l’agrandir et naviguer dans la galerie

Pour revenir sur la version 2.7 de WordPress, je la trouve vraiment excellente et je la conseille vivement à toute personne qui hésite encore. D’ailleurs, dès que j’ai une heure devant moi, je mets à jour ce blog-ci. Et oui, il tourne encore sur WP 2.5…

Le dirigeant d’ADF Référencement, spécialiste du positionnement internet, m’a confié la refonte du site de son agence. A partir d’une architecture WordPress, l’objectif était de se rapprocher du design actuel et de l’ergonomie du site des petits lézards…

Il y avait bien entendu d’autres impératifs, dont notamment créer plusieurs espaces de textes pour optimiser le référencement ainsi que la mise en place de différentes images affichées aléatoirement.
Dans cette optique, j’ai donc conçu ce design sans pour autant plagier mon propre site.

De plus, plusieurs bandeaux réalisés en technologie Adobe Flash s’affichent, eux aussi, de façon aléatoire pour donner une dynamique au site grâce à un petit effet d’animation.

Actuellement, le projet est toujours en développement mais je vous propose de visualiser dès aujourd’hui la maquette de cette nouvelle version du site de l’agence bordelaise ADF Référencement :

Cliquez sur l’image pour l’agrandir et naviguer dans la galerie

Le site avant la refonte (Cliquez sur l’image pour l’agrandir)

Comme d’habitude, j’ai élaboré cette maquette avec Photoshop. J’ai ensuite découpé les différents éléments graphiques, puis j’ai fait l’intégration xHTML/CSS à l’aide de Dreamweaver et enfin, j’ai envoyé le tout à Julien qui a la charge d’adapter la plateforme WordPress au besoin du site.

]]> http://www.lespetitslezards.com/2009/03/27/nouveau-design-adf-referencement/feed/ 1 http://www.lespetitslezards.com/2009/02/26/lancement-officiel-de-chateau-de-saurs-com/ http://www.lespetitslezards.com/2009/02/26/lancement-officiel-de-chateau-de-saurs-com/#comments Thu, 26 Feb 2009 21:37:19 +0000 fr@nçois http://www.lespetitslezards.com/?p=48

Le nouveau site du Château de Saurs est en ligne depuis lundi.
Situé au cœur du vignoble Gaillacois, sur les coteaux qui dominent la rive droite du Tarn, le Château de Saurs est exploité par la même famille depuis le XVI^ème siècle. Il allie tradition et modernité pour produire des vins vinifiés, élevés et mis en bouteille à la propriété.

C’est donc dans cet esprit de tradition et de prestige que Les petits lézards ont réalisé un site simple mêlant dynamisme et esthétique, le tout motorisé par la plate forme WordPress, version 2.5…

Lors de ce projet de refonte, j’ai eu l’occasion d’utiliser pour la première fois deux « nouveaux » plugins : runPHP développé par James Van Lommel et ZdMultiLang développé par Anthony Petitbois.
Le premier permet d’utiliser le langage PHP directement dans la rédaction d’un article (sans lui, seul le langage html est accepté) et le second permet de gérer plusieurs versions étrangères d’un site (ou d’un blog).

Bien que le site soit simple, j’ai quand même rencontré mon lot de difficultés lors de ce projet.

Tout d’abord le choix d’un menu horizontal a été une vraie contrainte, notamment au niveau des sous-rubriques. En général, dans menu horizontal WP, les sous-rubriques sont alignées verticalement. Cependant, esthétiquement, cette solution n’était pas envisageable. Mon client et moi avons donc opté pour un sous-menu horizontal. Lorsque j’ai mis en place une solution inspirée du code de Jean-Baptiste Jung, mon client n’a pas été convaincu par cette solution « peu intuitive ». En effet, le sous-menu n’était visible que lorsque la souris pointait dessus. Du coup, la solution la plus rapide et la moins onéreuse pour mon client a donc été d’intégrer le menu directement dans les pages statiques. L’inconvénient majeur est que cela rend les mises à jour fastidieuses.

De la même façon, chaque titre de page étant une image créée avec Photoshop, j’ai dû supprimer les titres natifs de la plate-forme pour les remplacer par leur image respective.

Et pour finir, il a fallu trouver une solution pour faire tourner la boucle WordPress afin de regrouper toutes les « news » dans l’unique page « Actualités ». Au passage, merci à Julien pour son aide sur ce point…

Comme d’habitude, voici quelques copies d’écran de ce nouveau site :

Cliquez pour agrandir et naviguer dans la galerie

Et de l’ancienne version :

Cliquez pour agrandir et naviguer dans la galerie

Contacté par l’agence de PAO Declèves Les petits lézards ont été choisis pour développer et intégrer le design d’un extranet commandé par le groupe Peugeot France…

Ma mission consistait a créer, à partir du Cahier Technique de Peugeot et du cahier des charges de Declèves, un design très simple de l’interface puis à intégrer celui-ci dans les pages XHTML de l’extranet.
La finalité de cet extranet étant de permettre la création de documents PDF personnalisables en ligne tels que des cartes de visite, des papiers  à entête, des factures personnalisées, le tout destinés aux concessionnaires Peugeot France et autre personnel du groupe. Le développement et la programmation de l’extranet incombaient à un autre prestataire.

La plus grosse difficulté rencontrée sur ce projet a été la mise en forme avec les CSS de tableaux s’imbriquant les uns dans les autres, tout en gardant une hauteur de page fixe. Sinon pour le reste, il s’agissait d’un pur travail d’exécutant, c’est dire si cela était motivant.

Néanmoins cela m’a permis de travailler avec des gens à la fois très pros, très sympa et qui payent correctement, ce qui  finalement est assez rare dans la profession et donc bien agréable…

Cliquez sur l’image pour l’agrandir et naviguer dans la galerie

]]> http://www.lespetitslezards.com/2009/01/28/nouveau-design-extranet-peugeot-decleves/feed/ 4