Comment rendre votre e-commerce plus réel

Avec l’avènement du e-commerce, les consommateurs comme les commerçants ont dû changer leurs habitudes et façons de faire: on remarque notamment que les clients, quand c’est possible, préfèrent regarder les articles en ligne pour faire leur choix initial, comparer avec les concurrents etc… et se dirigeront ensuite vers le vrai magasin pour finaliser leurs achats.

Mais comment font les boutiques en ligne qui n’ont pas de magasins avec pignon sur rue? Il faut arriver à donner la sensation que votre e-commerce est bien réel!
Pour vous aider à créer cette ambiance, voici 2 astuces:

1 • Utilisez vos 5 sens

5 sens kreatys

Pour rendre vos produits plus réels, faites appel à vos 5 sens: vos clients seront très réceptifs à une description sensorielle de vos produits, qui les aideront donc à mieux visualiser le produit, et donc à définir leurs choix. Les magasins physiques n’hésitent pas à jouer dessus, citons par exemple l’enseigne de fast-food Subway et la boutique de savons et cosmétiques Lush: les 2 jouent énormément sur l’odeur que leurs magasins dégagent dans la rue, et qui sont reconnaissables immédiatement.
Par exemple, n’hésitez pas à préciser que cette jolie jupe est légère, le tissu est extensible et très confortable, et donc parfait pour cet été. Ou encore que cette confiture de fraise est douce mais pas trop sucrée, et sa texture permet de l’étaler facilement sur des tartines…
Soyez créatif et évocateur: stimulez les sens de vos visiteurs.
Je vous conseille de lire « Le Parfum » de Patrick Süskind, qui existe en film aussi, et qui raconte l’histoire d’un homme à la recherche du parfum parfait qui le fera aimer des autres, parfum qui n’a donc rien d’ordinaire et qui nécessitera la quête d’ingrédients particuliers. Ce livre est une véritable oeuvre d’art par sa capacité à vous faire ressentir et surtout sentir à travers de simples feuilles de papier: c’est donc un très bon exemple d’expérience sensorielle virtuelle, et vous pouvez vous inspirez du vocabulaire, de la façon de décrire etc.

 

2 • Développez une atmosphère

couple-1298432

Il faut que votre e-boutique ait une ambiance particulière, spéciale et surtout reconnaissable. Cela passe évidemment par une bonne stratégie UX et UI (User eXperience et User Interface, voir notre article à ce sujet), et donc un bon design, en accord avec les tendances du moment telles que le flat design ou l’usage de grandes photos par exemple.
En effet, les visiteurs sont sensibles à l’esthétique, l’aspect du site: entre 2 sites proposant les mêmes produits, mais un plus agréable à utiliser que l’autre, de nombreux clients choisiront le plus joli site plutôt que l’autre, bien que cela n’influence a priori pas la qualité des produits.
Par exemple, ce site propose des vêtements et du merchandising en rapport avec l’univers rock, métal. L’ambiance est donc plutôt sombre, avec en haut des personnages un peu effrayants tirés de l’univers d’un des groupes phare de ce style de musique, et les couleurs dominantes sont le noir et le rouge: tout est donc accordé avec ce qu’aiment en général les fans de ces genres de musique.

• Bonus •

Votre expertise! N’hésitez surtout pas à la mettre en avant, à partager astuces, conseils, tutoriels…
En effet l’absence d’aide ou l’impression que vous n’êtes que vendeur et pas connaisseur est typiquement une raison pour le client de quitter votre site pour aller voir plutôt un conseiller dans un magasin physique.

Réussissez vos Call To Action ou CTA: 4 idées

Les CTA, on vous en parlait dans l’article sur les landing pages.
On vous donne aujourd’hui 4 exemples simples de CTA à mettre en place sur vos sites pour booster l’engagement de vos visiteurs.

1 • Soyez funs, osez la créativité!

Pour que vos appels à action ne soient pas que des mots, n’hésitez pas jouer sur la créativité et le décalage. Le visiteur se souvient mieux de ce qui l’a frappé, surpris, et donc se souviendra mieux de votre entreprise et de vos produits.

Ce bouton est visible sur le site Huemor, qui d’ailleurs a un nom de domaine assez original : huemor.rocks, rocks qui signifie « déchire ». On peut le rajouter à notre liste de noms de domaines intéressants commencée dans l’article à ce sujet.

Pour des modèles plus classiques, les sites tels que CSS 3 button generator ou button optimizer peuvent vous aider  en CSS3.

2 • Optimisez l’espace

Les bords des sites internet (sidebar) sont souvent soit remplis à l’excès soit laissés à l’abandon. Comme toujours, la clé est le juste milieu: n’hésitez pas à mettre en avant un contenu que vous jugez particulièrement intéressant, une offre sur vos produits par exemple, un lien vers vos profils sur les réseaux sociaux…
N’hésitez pas non plus à utiliser des visuels plus gros, selon l’espace disponible.

Bref, cet espace est idéal pour l’auto-promotion!

3 • Soyez inspirant

On a toujours apprécié les citations, et si vous naviguez un peu sur les réseaux sociaux vous avez sûrement remarqué qu’on en partage beaucoup, que ce soit pour motiver, illustrer un propos ou s’indigner.
Or vous pouvez vous aussi être source de citation! Pour cela, il suffit de faire en sorte que lorsqu’un visiteur surligne du texte de votre site, il lui soit proposer de le partager sur Facebook, Twitter ou autre, avec un petit bouton qui apparaît juste au dessus de la zone sélectionnée (par exemple!)

4 • Un dernier mot avant de partir…

Et oui! Les pop-ups qui se lancent lorsque le lecteur s’apprête à quitter votre site sont assez efficaces! Que ce soit pour proposer de s’abonner à une newsletter ou télécharger un livre blanc, ou pourquoi pas encore liker sur des réseaux sociaux?

► UX design, UI design, qu’est-ce que c’est?

UI et UX design sont 2 termes que l’on croise beaucoup ces temps-ci.
Ça parle de quoi?
Keep calm and call a designer
Keep calm and call a designer

Prenons donc la situation suivante: vous voulez développer un site internet pour votre nouveau projet de, disons, découverte de nouveaux artistes et mise en vente de leur œuvres sous forme de posters, tasses à café etc.
Vous décidez donc de faire appel à une entreprise de création de sites internet, et on vous parle d’UX, d’UI…
Déjà, expliquons ces acronymes pas forcément évident.
UX vient de l’anglais User eXperience, et UI, User Interface, user signifiant utilisateur, ces termes étant utilisés dans le cadre de création de logiciels, ou de sites internet par exemple.

UI/UX par Userexperiencerocks.com
UI/UX par Userexperiencerocks.com

L’UX désigne donc l’expérience générale que l’utilisateur a en se servant de votre logiciel/en visitant votre site, et il faut y réfléchir presque dès le début du projet.
En définissant l’UX, vous décidez des différentes stratégies concernant le contenu, comment suivre les axes de communication et  l’image de marque que vous avez défini en amont, le chemin que vous voulez que le visiteur suive dans votre site.
Concrètement, établissez l’architecture et les fonctionnalités, notamment en fonction de tous les types de visiteurs qui vont utiliser ce site: les artistes, les clients… Pour ces derniers, comment les utilisateurs ont accès aux produits, doit-on leur faire créer un profil? Pour les artistes, désirez-vous que les créateurs puissent avoir un profil personnel? Qu’ils puissent vous soumettre des oeuvres directement depuis leur compte?
Sans oublier de faire la même chose pour vos produits: quels produits mettre en ligne? Quelle description devriez-vous inclure pour chaque produit?
Bien sûr, vous devez également définir l’ambiance de votre site: comment trouver le bon compromis entre l’ambiance un peu galerie d’art et une boutique en ligne? Comment organiser mon site, quelles catégories, quelle page d’accueil? Vous pouvez choisir de commencer par un diaporama (slider) de photos haute qualité des œuvres ayant eu le plus de succès; ou choisir d’exposer directement des produits mis en scène avec des prix très attractifs… En fonction de ce que vous souhaitez montrer à vos visiteurs.
Cela inclut également les prototypes de votre site, à tester sur les tous les différents terminaux que vous aurez choisi (n’oubliez pas qu’aujourd’hui, un site non responsive, c’est à dire qui s’adapte à tout appareil et taille d’écran, sera moins bien classé par Google!), ainsi que les tests utilisateurs, pour vérifier l’utilisabilité du site.

Bref tout cela est à étudier et à définir tôt dans le projet.

L’UI quant à elle est en fait une partie de l’UX. Bien que l’interface soit souvent la première chose à laquelle on pense, particulièrement quand on conçoit un site, cela vient après une définition de l’expérience que l’on veut proposer à nos futurs utilisateurs.
L’UI est la partie visuelle, créative: cela inclut la définition du design visuel du site, comme par exemple les couleurs, la typographie…
Si vous avez décidé d’opter pour un slider photo sur la page d’accueil, vous pouvez ensuite décider de quelles photos choisir; à quelle taille elles apparaîtront et quelle transition il y aura entre chaque.

Faire son design sans penser à l'UX: les résultats
Faire son design sans penser à l’UX

En conclusion, l’UX désigne l’expérience générale que vous voulez offrir à vos visiteurs/utilisateurs, et l’UI est la partie visuelle de la réalisation de l’UI.
Les 2 sont importantes, mais attention à ne pas se focaliser trop sur l’UI, qui est plus concrète mais n’intervient qu’assez tard dans le projet, sous peine de se retrouver avec des pelouses complètement piétinées!