Voilà ce que nous avons mis en place avec Martin, depuis la semaine dernière… L’aprentissage à distance mais d’une façon extrêmement efficace et simple et qui nous sera d’une grande aide. Le tout grâce à une simle petit logiciel nommé sparksangel.

Afin d’optimiser la relation conception design et développement web, Martin m’a fait installé le site Prestille en local sur mon ordinateur, afin que je puisse créer moi même directement le CSS pour les pages que j’aurai conçues. Nous gagnons ainsi du temps et nous renforçons notre efficacité en étant plus proche l’un de l’autre en terme de développement. Ne connaissant pas grand chose en css (je me débrouille en action script seulement), Martin a pu m’expliquer plein de choses à distance, de l’installation au développement.

Pour revenir à sparsangel, ce logiciel permet de contrôler à distance l’écran d’une autre personne afin de lui montrer où cliquer. Il ne s’agit pas de prendre le contrôle total de la souris (ce qui pourrait peut-être engendrer quelques dérives ), mais en voyant à distance l’écran d’un autre, on peut tout simplement lui dire où cliquer et lui montrer, à l’aide d’un curseur précisant “clic gauche” ou “clic droit” selon l’action à effectuer. Afin d’effectuer la connection entre les 2 ordinateurs, il suffit que la personne qui souhaite être accompagnée clique sur “je suis accompagné” pour qu’apparaisse un code que devra rentrer la personne “accompagnant” en cliquant sur “j’accompagne”. La synchro faite, le reste est un simplicisme et très efficace…

Après quelques soirées passées tardivement à installer (ensemble) Prestille en local, j’ai pû bidouiller directement les fichiers css sans modifier les fichiers du site online. J’utilise pour cela Zend studio afin d’écrire le css et de lire les php. Lorsque j’ai créé un css correct et que je l’ai testé en local, je l’envoi alors directement sur le serveur Prestille en un clic depuis Zend. A l’inverse, je peux aussi rapidement me synchroniser avec le site si Martin y a apporté des modifications et vice versa, lui peut télécharger en local ce que j’ai uploadé…

Enfin, outre l’efficacité que tout cela nous apporte, avoir un backup de Prestille sur l’ordinateur de Martin, en ligne, sur le miens + sur des disques durs externes, permet d’assureur une plus grande sécurité pour la sauvegarde de notre travail…

Le “e-merchandising” qu’est ce que c’est? Tout d’abord il convient juste d’expliquer ce qu’est le merchandising tout court… “Le merchandising (ou marchandisage) est un ensemble de techniques visant à favoriser l’écoulement d’un produit dans le commerce par un travail tactique sur la présentation de celui-ci.
Il s’appuie généralement sur l’image de marque du dit produit ou de son producteur, et il passe notamment par l’adoption d’un packaging adapté. Il tient compte des besoins des consommateurs et de divers éléments de stratégie marketing.” Wikipédia

Il peut s’agir de présentoirs, de visuels, de mobilier de vente ou alors de scénographies avec des stands entiers, comme les “corners” des grandes marque, que ce soit Chanel ou Sony… Le e-merchandising, c’est l’application de stratégies de vente des produits appliqué à internet. Ici plus de présentoirs et grands visuels en carton, la relation produit-client se fait uniquement par des stratégies “virtuelles”. Et sur un site de e-commerce, la grosse partie du e-merchandising consiste en la mise en place et la présentation des produits via la fiche produit, vecteur essentiel de la communication avec le client. La fiche produits comprend donc plusieurs enjeux: Rôle important dans le référencement & impact direct sur le chiffre d’affaire. Le moment crucial de la dite “conversion” commence ici: Le client va devoir cliquer sur “ajouter au panier” ou “acheter” selon la fiche et commence alors le processus de conclusion de la vente: connexion/création de compte, paiement etc… Afin d’optimier au mieux le taux de conversion il faut donc à tout prix soigner la fiche produit, présenter de la meilleure façon qu’il soit le produit, à travers notamment sa description et des photos. D’autres éléments peuvent venir enrichir le contenu, comme des notes attribuées par les consommateurs, les avis du site sur ce produit, des conseils…etc Autant d’élément servant à conseiller, rassurer, et pousser le visiteur à finalement acheter ce produit. Evidemment la fiche produit se doit de rentrer dans les codes graphiques du site: Ce vecteur essentiel de la communication est aussi un support majeur de communication pour la marque et l’image de celle-ci. Faire preuve de sérieux et de crédibilité est primordial. Certianes informations de la fiche produit sont obligatoires d’un point de vue juridique, comme la descritption du produit et l’affichage de son prix: Article 111-1 : ” Tout professionnel vendeur de biens ou prestataire de services doit, avant la conclusion du contrat, mettre le consommateur en mesure de connaître les caractéristiques essentielles du bien ou du service”.

D’un point de vue graphique et d’agencement, il est important de respecter quelques éléments: Notamment d’avoir une vison globale image/description/prix lors de l’affichage de la fiche. Après, à chaque produit sa description, et on ne présentera pas de la même façon un ordinateur d’une cuillère à dessert… Les informations, notamment lorsqu’il y en a beaucoup (high-tech etc…) doivent être correctement organisées. Un autre élément à ne pas négliger aussi est el bouton de “mise en panier” ou d”achat” selon les termes utilisés. Celui-ci doit idéalement respecter une fourchette de taille: Les grands sites de e-commerce ont des boutons compris entre 150 et 180 pixels de long. Ce bouton doit être travaillé et optimisé graphiquement afin de s’intégrer aux codes du site et en même temps attirer l’attention du client potentiel.

Voilà quelques exemples de fiches produits et boutons d’achat que l’on peut trouver sur les grands sites d’e-commerce de la toile:

Quelques boutons:

Pour en apprendre plus sur le merchandising et le e-merchandising:

abc net marketing

Merchanfeeling

Et notre fiche produit alors? Patience it’s working on mais on arrive à quelque chose de pas mal…

Depuis l’ouverture de ce blog j’ai l’impression que nous avons déjà balayé assez rapidement un ensemble de sujets concernant la création d’entreprise, du logo à la banque, l’équipe, la communication etc…

Mais nous n’avons pas encore fait le point sur là où nous en sommes vraiment et ce qu’il vous reste à suivre jusqu’à l’ouverture du site prévue en septembre 2008.

Nous avons donc commencé à nous y mettre sérieusement l’année dernière, disons juin 2007.

1ère idée: se concentrer uniquement sur le champagne, limiter les références et les stocks et se focaliser sur la différenciation par le service: la possibilité de choisir parmis des coffrets et de les personnaliser. Après un tour à monaco au salon international du packaging de luxe, pour trouver des fournisseurs et après avoir établis des devis, nous nous rendons compte que ce n’est pas possibles: Les quantités industrielles sont bien trop faibles (500-1000 coffrets), les coffrets reviennent en moyennent à 10€ pièce! Pour avoir un prix raisonnable, seul les quantités comptent, à commencer par 3000 minimum. Certaines marques bien entendu, surtout dans le secteur du luxe n’hésitent pas n’en commander que 300 pour des éditions limitées, mais le prix par coffret est alors exorbitant, s’en suit alors le prix de revente tout aussi exorbitant.

Bref, on ne pouvait pas se mettre sur ce créneau; Nous avons donc pris un virage à presque 180°, pour en arriver où nous en somme maintenant:

Diversifier l’offre, se positionner sur le secteur du cadeau, proposer des produits raffinés et consommables, se démarquer par un site agréable et une image de marque distinguée et fournir un service en adéquation de vendre des produits à offrir. De la différence, du choix, de la qualité, de la fiabilité, de la simplicité et des prix au plus bas du marché: Voilà nos lignes directives.

A présent, le site se concrétise, autant sur la partie technique que graphique. L’architecture est définie, les catégories produits aussi, nous commençons à rentrer les fiches produits.

Quand à la création de l’entreprise, les derniers dépôt de parts de capital seront effectués ce week end à la banque, nous pourrons ensuite effectuer les démarches administratives finales de dépôt de statut et voir la création officielle de Prestille.

Il reste encore de nombreux points à régler bien sur, au niveau fiscal, juridique, administratif, technique, marketing etc, et c’est pour ça que le blog est là, pour suivre et partager toutes ces étapes!

L’ouverture récente du blog ne nous a pas encore permis de modifier en profondeur le design et l’architecture de celui-ci qui fonctionne sous wordpress. Pour faire simple, et je ne suis pas un développeur, wordpress est une plateforme de blog très répandue et très simple à utiliser. Elle permet de créer des blogs qui sont très proches de sites web traditionnels: une adresse en www.adresse.com, et la possibilité de créer de A à Z son “thème” wordpress, autrement dit le design de son blog, à partir de html et de CSS

Je me suis d’ailleurs un peu collé au CSS afin de mieux pouvoir appréhender l’intégration des éléments graphiques, que ce soit pour le blog, le site ou mon stage chez Orange en ce moment… Bref, Martin est un pro du html et CSS et pour l’instant c’est lui qui met encore tout en place, je n’ai qu’à lui livrer des éléments prêts à intégrer.

Le design du blog ou”blogdesign” est donc un élément essentiel, surtout quans il s’agit du blog d’une société. Il se doit de véhiculer les valeurs et l’image de l’entreprise et doit bien sur être simple et facile d’usage. Un très bon site de webdesign et particulièrement de blogdesign sous wordpress: Fran6art. On peut en effet suivre étape par étape le dévelopement, le design et l’intégration de celui-ci dans un blog wordpress.

En attendant de refondre totalement le blog, j’ai déjà retravaillé le fond et le “header” (l’entête) à partir d’un thème fournis d’office par wordpress… A cela on peut aussi ajouter le design d’un élément important: le pictogramme d’abonnement RSS, qui permet en cliquant dessus de nous suivre partout: Dès qu’un article est posté vous êtes au courant !

Pour cela il suffit d’avoir un lecteur RSS type feedreader ou mieux, googlereader (on pourra débatre sur les flux RSS dans un autre article). Voilà déjà les recherches graphiques effectuées, comprenant le symbole RSS et un élément se rapprochant de prestille, comme le cadeau ou l’interprétation des deux ronds comme deux cercles qui s’enlassent…

Alors, lequel préférez-vous?…