Lancement des nouveaux widgets d'avis par EmbedSocial

Nous sommes heureux d’annoncer qu’aujourd’hui nous lançons une refonte complète de nos widgets d’avis et de témoignages clients.

Dans le texte qui suit, nous décrirons le processus et présenterons les nouveaux widgets que vous pouvez commencer à utiliser dès maintenant.

L’inspiration : les besoins des clients guident notre feuille de route

Depuis les tout premiers jours de la construction d’EmbedSocial, notre priorité absolue est d’écouter les retours et les demandes de nos clients et d’intégrer leurs souhaits dans notre feuille de route de développement.

L’une des fonctionnalités essentielles que nous avons développées ensemble est la facilité d’afficher un widget avec des avis sociaux sur n’importe quel site web, ce que tout utilisateur peut faire, sans aucun codage.

Mais à mesure que les widgets évoluaient avec de nouvelles fonctionnalités et que de nouveaux segments de clientèle adoptaient nos produits, le besoin d’une variété de widgets est apparu :

« Les fonctionnalités de la plateforme sont géniales, cependant, les mises en page pourraient être un peu améliorées. J’espère qu’elles pourront être plus avancées et plus simples à la fois », dit un utilisateur des États-Unis.

L’une des demandes fréquentes a été de simplifier nos widgets d’avis et de témoignages en améliorant l’expérience d’interface des utilisateurs.

Alors, aujourd’hui, nous sommes ravis de vous montrer ce sur quoi nous avons travaillé ces derniers mois.

5 nouveaux widgets d’avis !

Nous avons réalisé un véritable lifting du code, du design, des mises en page et de l’attrait des widgets d’avis.

Voici donc comment nous avons abordé l’ensemble du processus :

Nous les avons rendus plus simples et réactifs afin qu’ils s’adaptent par défaut à n’importe quel design ou n’importe quel site web.

D’autre part, si vous avez besoin d’effectuer des ajustements, notre code et nos classes CSS sont désormais plus simples à utiliser et vous pourrez exploiter l’option CSS personnalisé très, très facilement.

Nous espérons que le lancement de nos nouvelles mises en page d’avis gardera les aspects techniques aussi simples que possible tout en garantissant que nos clients profitent d’une plus grande flexibilité dans ce qui est affiché sur leurs sites web.

Les premiers commentaires sont majoritairement positifs :

« J’adore le design et le format. Ce type de mise en page m’inspire à rédiger un avis. Tellement précieux ! », dit un utilisateur de Tokyo.

Des commentaires comme ceux-ci confirment simplement que nous sommes sur la bonne voie.

Continuez à lire pour découvrir comment cela s’est passé dans les coulisses, apprenez comment nous avons réussi à résoudre certains défis de conception et n’oubliez pas de consulter les nouvelles démos de widgets.

Dans les coulisses : le processus de refonte

Les avis clients deviennent l’un des principaux déclencheurs de décision lorsque les gens décident d’acheter un produit.

Et capturer des avis positifs devient vraiment difficile à mesure que les consommateurs deviennent plus éclairés et continuent d’exiger des produits et des services supérieurs.

Comme vous le savez probablement (ou peut-être pas), l’objectif principal d’EmbedSocial est de capturer et de donner vie à vos avis sociaux et témoignages clients sur votre site web.

Nous le faisons par une intégration directe avec les principaux réseaux sociaux et nous synchronisons les avis générés en temps réel sur votre site web avec des widgets hautement interactifs.

Un processus complexe que nous essayons de résoudre, n’est-ce pas ?

Eh bien, nous croyons au pouvoir de la véritable preuve sociale. C’est pourquoi nous pensons que la présenter dans le format le plus simple mais le plus mis en valeur apportera une valeur supplémentaire à nos utilisateurs.

C’est donc pour cela que nous avons accepté le défi, mené par notre designer produit hyper-créative Angela Ristovska et notre équipe de réussite client.

Voici à quoi a ressemblé l’ensemble du processus :

1. Réunions de brainstorming avec l’équipe de support client
2. Analyse des retours, besoins et souhaits des clients
3. Établir une liste des principaux souhaits et besoins de la plateforme
4. Définir les composants de design atomique
5. Créer et présenter les premières maquettes
6. Apporter (plus de quelques) ajustements aux maquettes
7. Intégrer le CSS et le HTML
8. Tester, tester, tester
9. Lancer

Découvrez ci-dessous les principaux livrables de ce processus :

Composants de design des nouveaux widgets

Pendant plus de 3 mois, nous avons concentré nos efforts sur la recréation de nos widgets d’avis que vous ADOREREZ intégrer sur vos sites web.

Voici les principaux éléments de la refonte :

• Refonte de l’étoile
• Conception en composants atomiques des widgets
• Thèmes des widgets

Chacun de ces éléments de design a sa propre histoire.

Voici les détails :

Réinventer l’… étoile !

Vous vous demandez peut-être pourquoi nous nous sommes d’abord attaqués à l’étoile.

Eh bien, nous pensons que le concept central d’un témoignage client est le symbole des 5 étoiles.

En termes simples, si vous avez un texte, c’est juste un paragraphe, mais si vous ajoutez les étoiles à côté… (Tadaam !) cela devient un témoignage.

Ce sont donc les étoiles qui font de ce format ce qu’il est. Sans elles, ce n’est qu’une citation ou un paragraphe.

Et nous voulions vraiment imaginer nos propres étoiles.

Alors, après quelques heures passées à brainstormer, notre équipe a décidé de créer un design d’étoile EmbedSocial à l’image de la marque.

Nous voulions que l’étoile évoque la symbolique d’EMBED, qui, en tant que verbe, signifie : fixer (un objet) fermement et profondément dans une masse environnante.

C’est exactement ce que nous voulons que vous fassiez avec vos témoignages clients : en faire une partie essentielle de votre site web.

Si vous remarquez une certaine similitude entre le logo EmbedSocial et le design de nos nouvelles étoiles, vous n’êtes pas le seul.

Cette analogie n’est pas un accident :

Nous sommes tombés amoureux de nos toutes nouvelles étoiles, alors nous les avons appliquées à tous nos widgets.

Le résultat : un look frais et un widget qui fait ressortir la voix du client.

Mission accomplie :)

Le chemin pour parvenir à un design d’étoile aussi charmant a été semé d’essais et d’échecs avant que nous ne développions un design qui nous a coupé le souffle.

Voici quelques-uns des designs que nous avons envisagés :

Composants de design des widgets

Même si nous avons décidé de faire seulement un rafraîchissement des mises en page actuelles, nous savions que le processus ne serait pas du tout facile.

Refaire le design est un processus créatif, et il est vraiment facile de passer d’un rafraîchissement à l’invention de la nouvelle voiture Tesla. Pour être sûrs de garder les yeux sur l’objectif, nous avons créé une liste de buts, de priorités et de fondamentaux à suivre durant ce projet :

1. Restez simple !
2. Suivre les principes du design atomique
3. Créer un système de composants pour chaque widget dans Figma avec un nouveau design (simple).
4. Implémenter les composants en HTML, CSS et JS : code propre, nouveau nommage des classes, CSS personnalisé facile à appliquer.
5. Tester les nouveaux widgets

Et ainsi, le voyage a commencé.

Définir un ensemble simple de composants comme système de design nous aide à établir une affirmation ferme de ce que sont les principaux éléments de chaque widget et nous a aidés à définir toutes les principales classes CSS, rendant le design et son implémentation très faciles.

En résumé, voici les composants les plus utilisés dans chaque widget :

Du composant au widget, à travers de loooongues journées de travail et de douleur, c’est officiel… Ils sont en ligne !

Le travail acharné a payé ! Nous avons créé des widgets modernes et réactifs qui s’adaptent par défaut à n’importe quel design ou n’importe quel site web.

Thèmes des widgets

Grâce au processus ci-dessus, nous pensons qu’une fois que vous aurez créé et intégré l’un des nouveaux widgets, vous n’aurez pas besoin de le personnaliser davantage (du moins nous l’espérons), vous aidant ainsi à gagner du temps et des efforts pour vous concentrer davantage sur vos activités quotidiennes.

Les thèmes vous aideront à passer rapidement d’une mise en page sombre à une mise en page blanche, en un seul clic :

D’autre part, si vous avez besoin d’effectuer des ajustements, notre code et nos classes CSS sont désormais plus simples à utiliser et vous pourrez exploiter l’option CSS personnalisé très, très facilement.

Présentation des nouveaux widgets

Et enfin, le design est conceptualisé autour des deux éléments principaux de l’identité de marque d’EmbedSocial :

1. La balise de code unificatrice qui représente la partie intégrée de la marque
2. Le symbole d’une relation que nos utilisateurs veulent construire avec leurs clients

Nous pensons que ce changement rafraîchit l’apparence des widgets et reste fidèle à la marque pour représenter le pouvoir indéniable des retours des utilisateurs.

Voici donc enfin les nouveaux widgets :

Widget Grille

Le widget Grille présente les avis sociaux dans une mosaïque réactive qui simule une mise en page en grille moderne s’adaptant à n’importe quelle page complète où vous souhaitez afficher autant d’avis que possible.

Démo du widget Grille

Widget Colonne

Une mise en page à deux colonnes parfaite pour les pages plein écran, afin d’afficher plusieurs avis sur une seule page.

Démo du widget Colonne

Widget Carrousel

Le curseur affichera vos avis dans un format à lecture automatique parfait pour votre page d’accueil. Vous pouvez consulter les avis en cliquant sur une case qui fera apparaître l’avis dans une visionneuse en curseur ou un curseur vertical fixe.

Démo du widget Carrousel

Widget Curseur

Très similaire au widget carrousel avec de légères modifications dans le design et un aspect épuré pour les designs de sites web minimalistes.

Démo du widget Curseur

Widget Page

Nous avons nommé cette mise en page « Page » car elle agit comme une page d’avis complète, avec des boutons et des filtres qui font de la page web une page totalement avancée pour afficher les avis des utilisateurs. Elle est conçue principalement pour les pages produits, où les utilisateurs peuvent utiliser des options supplémentaires pour rechercher et filtrer les avis fournis.

Démo du widget Page.

Widget Tableau

Enfin, si vous avez besoin d’une version plus simplifiée de la mise en page Page, qui n’inclura pas les filtres ni le champ de recherche, vous pouvez utiliser la mise en page Tableau, qui affiche une liste complète des avis dans un format de tableau, similaire à une section d’avis de type Amazon.

Démo du widget Tableau

Widget Popup

Présentez la preuve sociale sur votre site web avec un simple popover qui s’affiche comme un widget fixe en bas à gauche ou en bas à droite de votre site web.

Ce widget apparaît au chargement d’une page et peut être configuré pour ouvrir tous les avis en un clic. Consultez le lien de démo pour l’essayer en direct.

Démo du widget Popup

Applicabilité des nouveaux widgets d’avis

Notre objectif reste de créer des produits que les clients ADORERAIENT mettre sur leurs sites web et qui offrent à LEURS clients une expérience innovante et engageante.

Voici quelques exemples de la façon de sublimer votre site web avec des widgets d’avis :

Curseur ou carrousel d’avis pour les pages d’accueil

Intégrez votre curseur ou votre carrousel directement sur votre page d’accueil. La preuve sociale arrive généralement juste en dessous de votre image principale ou de votre appel à l’action sur votre page d’accueil.

De même, vous pouvez créer la même structure sur n’importe quelle page de destination que vous utilisez dans votre entonnoir de conversion.

Widget de témoignages pour les pages produits e-commerce

Les widgets Tableau et Page sont parfaits pour les pages produits. Le meilleur avec ces widgets est l’option d’obtenir un avis pour ce produit directement sur cette page, ce qui vous permettra de combiner dans le widget les avis capturés depuis votre compte de réseau social mais aussi ceux des visiteurs qui ont laissé un avis sur la page produit.

Comment commencer à utiliser les nouveaux widgets d’avis ?

Comme vous pouvez le voir sur les images ci-dessus, nos nouvelles mises en page sont prêtes à l’emploi !

Vous pouvez utiliser les nouveaux widgets dès maintenant, simplement en naviguant vers la section Flux d’avis et en cliquant sur le flux que vous souhaitez modifier.

La dernière étape consiste simplement à changer l’option Mises en page et à sélectionner Grille, Colonne, Page, Tableau, Curseur ou Carrousel.

Et si par hasard vous n’êtes pas encore utilisateur de la plateforme EmbedSocial, n’hésitez pas à vous inscrire pour un essai gratuit de 7 jours et à découvrir les nouveaux widgets d’avis.

Si vous avez besoin d’une aide supplémentaire, notre équipe de réussite client dédiée est toujours à votre disposition (nous pouvons le faire à votre place). N’hésitez pas à nous contacter pour toute question.

Cependant, même si notre design évolue, notre mission principale reste la même : aller au-delà de toute attente pour aider nos clients et nos utilisateurs à instaurer la confiance avec leurs clients et, par conséquent, à augmenter les conversions.