Mercredi, Juin 20, 2018
Text Size

Créer une bannière pour sa boutique virtuemart

Attention, ouverture dans une nouvelle fenêtre. ImprimerEnvoyer

Note des utilisateurs: / 0
MauvaisTrès bien 

 

Mettre en valeur vos produits est une chose, indiquer l'existence de sa boutique, surtout sur un site qui n'est pas qu'une boutique en est une autre.

Pour ne pas perdre de vue que l'important est d'amener le client à un acte d'achat, il faut lui faciliter la tâche pour accéder à la boutique. Souvent un lien dans le menu indique la boutique. N'oublions pas que nous sommes sur le web et que le visuel est aussi très important. Une boutique bien ammenée avec un visuel interressant attirera le visiteur vers cet espace dédié à la vente.

Pourquoi ne pas mettre une bannière en page d'accueil avec un lien vers la boutique? Si le visuel est bien intégré, aucune raison de le réserver à l'espace boutique. Il habillera la page d'accueil, accentura l'identité visuelle et s'il n'est pas placé dans le header (espace clairement destiné à des liens commerciaux qui lui fait ressembler à de la propagande), ce bandeau peut être vraiment bénéfique.

 

 





Réaliser un bandeau pour habiller sa boutique


Nous utiliserons Photoshop , mais the Gimp propose à peu près les mêmes fonctionnalités.

  1. Créez un nouveau document de la largueur maximal de l'emplacement qui lui est destiné.
  2. Créez une forme à l'aide de l'outil plume et la remplir dans la couleur souhaitée : ici le même bleu que celui de mon gabarit.
  3.  

    forme aléatoire dans photoshop

     

  4. Grâce à l'outil doigt, modifiez la forme pour lui donner une forme plus aérienne et aléatoire.
  5.  

     

  6. Prendre un produit de sa boutique et le détourer à l'aide de l'outil plume (ici un kimono) :
    prendre un nouveau calque puis dans la fenetre des calques onglet tracé > nouveau tracé.
  7.  

     

  8. Créez un reflet pour le kimono:

    Dupliquez ce kimono et faire édition > transformation> symétrie axe verticale. Lui ajouter un masque de fusion et faire un dégradé pour effacer. (ou tout simplement utiliser la gomme à une opacité de 100% pour effacer le plus gros puis à 50% pour faire un dégradé) et réglez ce calque à une opacité de 50%.
  9.  



Il ne reste plus qu'à disposer plusieurs produits sur ce principe pour montrer la richesse de la boutique.



Vous aussi pouvez choisir d'ajouter si vous le souhaitez un texte, attention au choix de la typo. Elle doit respecter les typos utilisées sur le site. Généralement 2 typos pour un site suffisent, l'une pour les textes et les boutons, l'autre plus personnelle pour souligner les éléments graphiques.
NB: n'oubliez pas que si vous utilisez des typos extravagantes pour les éléments textuels et les boutons, 90% des utilisateurs qui ne la possèdent pas risquent de se voir attribuer une Arial. Réservez donc les typos originales aux images, bannières ou animations pour donner du style et de la personnalité.

Ici on ajoute une petite ombre portée.


Mise en valeur, conclusions


En résumé, pour mettre en valeur vos produits n'hésitez pas :

  • à prendre des photos de bonne qualité  ni pixelisées, ni trop sombres (ou bien ajouter de la luminosité et du contraste pour obtenir de meilleurs rendus),
  • à ajouter du relief avec des ombres portées ou des reflets et à travailler les fonds des bannières simplement et sans surcharge.
  • Utilisez le détourage pour mettre en valeur un produit sur un fond épuré qui donnera l'illusion que votre produit à été immortalisé dans un studio photo.

Ajouter un Commentaire


Code de sécurité
Rafraîchir

Articles

joomla/virtuemart
joomla/virtuemart
Amélioration d'une boutique Virtuemart 07 Mars 2011, 14.00 Administrator joomla/virtuemart
Amélioration d'une boutique Virtuemart
Dynamiser une boutique E-commerce, c'est intéresser le prospect. C'est lui indiquer ce qu'il doit acheter. C'est lui montrer que notre boutique est visuellement bien, et lui donner envie d'acheter. Je sais, 'lui indiquer ce
Read More 8776 Hits 4 Ratings
Avis de tornade sur le web : l'ouragan Pingouin 29 Avril 2012, 18.57 Administrator joomla/virtuemart
Avis de tornade sur le web : l'ouragan Pingouin
Depuis quelques jours un ourgan balaye le monde du web. Un ouragan annoncé, et qui ne passe pas forcement partout. Cet ouragan, défiant la nature est arrivée pour purifier une société régie par le grand Dieu du
Read More 3533 Hits 4 Ratings
Flux direct Google shopping 30 Mars 2011, 15.45 Administrator joomla/virtuemart
Flux direct Google shopping
Il a été demandé un flux direct. Un flux pour Google shopping sans avoir à refaire un export RSS. Bien que je ne sois pas pour le faire, j'ai pris 5 minutes.Je ne suis pas pour avoir un tel flux pour plusieurs raisons
Read More 8392 Hits 0 Ratings
Gagner du temps et de l'argent sur Virtuemart Joomla 07 Avril 2014, 11.31 Administrator joomla/virtuemart
Gagner du temps et de l'argent sur Virtuemart Joomla
Gagnez de l'argent quand on fait son site sur Joomla/ Virtuemart, c'est avant tout gagner du temps. Quand vous passez 2 heures tous les jours à faire et refaire les mêmes choses sur votre site virtuemart, il est grand temps
Read More 3354 Hits 0 Ratings
Google Merchant 07 Mars 2011, 14.07 Administrator Développement Virtuemart/Joomla
Google Merchant
Quand on parle de site e-commerce, on parle aussi de recherche de client. Une des phases essentielles au bon fonctionnement d'une e-boutique est la recherche d'emplacement sur le net. Les moteurs de recherche d'article comme
Read More 6006 Hits 5 Ratings