Lançamento de Novos Widgets de Avaliações da EmbedSocial

Temos o prazer de anunciar que hoje estamos a lançar uma reformulação completa dos nossos widgets de avaliações e testemunhos.

No texto que se segue, vamos descrever o processo e mostrar os novos widgets que pode começar a utilizar já.

A inspiração: as necessidades dos clientes orientam o nosso roteiro

Desde os primórdios da construção da EmbedSocial, a nossa principal prioridade é ouvir o feedback e os pedidos dos nossos clientes e implementar os seus desejos no nosso roteiro de desenvolvimento.

Uma das funcionalidades centrais que desenvolvemos em conjunto é a facilidade de mostrar um widget com avaliações sociais em qualquer site, algo que qualquer utilizador consegue fazer, sem necessidade de programação.

Mas, à medida que os widgets evoluíram com novas funcionalidades e novos segmentos de clientes adotaram os nossos produtos, surgiu a necessidade de uma variedade de widgets:

“A funcionalidade da plataforma é fantástica, no entanto, os layouts podem ser um pouco melhorados. Espero que possam ser mais avançados e simples ao mesmo tempo“, diz um utilizador dos EUA.

Um dos pedidos mais frequentes tem sido simplificar os nossos widgets de avaliações e testemunhos, melhorando a experiência de interface para os utilizadores.

Por isso, hoje, estamos entusiasmados por mostrar-lhe aquilo em que temos estado a trabalhar nos últimos meses.

5 Novos Widgets de Avaliações!

Fizemos uma renovação completa do código, do design, dos layouts e do apelo dos widgets de avaliações.

Então, eis como abordámos todo o processo:

Tornámo-los mais simples e responsivos para que se ajustem a qualquer design ou qualquer site por predefinição.

Por outro lado, se precisar mesmo de fazer ajustes, o nosso código e as classes de CSS são agora mais simples de usar e poderá utilizar a opção de CSS Personalizado muito, muito facilmente.

Esperamos que o lançamento dos nossos novos layouts de avaliações mantenha as questões técnicas tão simples quanto possível, garantindo ao mesmo tempo que os nossos clientes desfrutam de mais flexibilidade no que é apresentado nos seus sites.

Os primeiros comentários são, na sua maioria, positivos:

“Adoro o design e o formato. Este tipo de layout inspira-me a escrever uma avaliação. Tão valioso!“, diz um utilizador de Tóquio.

Comentários como estes apenas confirmam que estamos no caminho certo.

Continue a ler para descobrir como foi nos bastidores, saber como conseguimos resolver alguns desafios de design e não deixe de ver as demonstrações dos novos widgets.

Nos bastidores: o processo de reformulação

As avaliações de clientes estão a tornar-se um dos principais gatilhos de tomada de decisão quando as pessoas decidem comprar um produto.

E captar avaliações positivas está a tornar-se realmente desafiante à medida que os consumidores ficam mais informados e continuam a exigir produtos e serviços superiores.

Como provavelmente sabe (ou talvez não), o principal objetivo da EmbedSocial é captar e dar vida às suas avaliações sociais e testemunhos de clientes no seu site.

Fazemo-lo através da integração direta com as principais redes sociais e sincronizamos as avaliações geradas em tempo real no seu site com widgets altamente interativos.

Um processo complexo que tentamos resolver, certo?

Bem, acreditamos no poder da verdadeira prova social. É por isso que acreditamos que apresentá-la no formato mais simples, mas enfatizado, acrescentará um valor extra aos nossos utilizadores.

Foi por isso que aceitámos o desafio, liderado pela nossa hipercriativa designer de produto Angela Ristovska e pela nossa Equipa de Sucesso do Cliente.

Eis como foi todo o processo:

1. Reuniões de brainstorming com a equipa de apoio ao cliente
2. Analisar o feedback, as necessidades e os desejos dos clientes
3. Fazer uma lista dos principais desejos e necessidades da plataforma
4. Definir componentes de design atómico
5. Criar e apresentar os primeiros rascunhos
6. Fazer (mais do que alguns) ajustes aos rascunhos
7. Incorporar CSS e HTML
8. Testar, testar, testar
9. Lançar

Veja a seguir os principais resultados deste processo:

Componentes de design dos novos widgets

Durante mais de 3 meses, concentrámos os nossos esforços em recriar os nossos widgets de avaliações que vai ADORAR incorporar nos seus sites.

Eis os principais elementos da reformulação:

• Reformulação da estrela
• Design de componentes atómicos dos widgets
• Temas dos widgets

Cada um destes elementos de design tem a sua própria história.

Eis os detalhes:

Reinventar a… estrela!

Pode perguntar porque é que começámos pela estrela.

Bem, acreditamos que o conceito central de um testemunho de cliente é o símbolo das 5 estrelas.

Em termos simples, se tiver um texto é apenas um parágrafo, mas se adicionar as estrelas ao lado…. (Tadaam!) torna-se um testemunho.

Por isso, as estrelas são, na verdade, o que faz com que este formato seja o que é. Sem elas, é apenas uma citação ou um parágrafo.

E nós queríamos mesmo criar as nossas próprias estrelas.

Assim, depois de algumas horas de brainstorming, a nossa equipa decidiu criar um design de estrela com a marca EmbedSocial.

Queríamos que a estrela indicasse o simbolismo EMBED, que como verbo, significa: fixar (um objeto) firme e profundamente numa massa envolvente.

É exatamente isto que queremos que faça com os seus testemunhos de clientes: torná-los uma parte essencial do seu site.

Caso note alguma semelhança entre o logótipo da EmbedSocial e o design das nossas novas estrelas, não está sozinho.

Esta analogia não é um acidente:

Apaixonámo-nos pelas nossas novas estrelas, por isso aplicámo-las a todos os nossos widgets.

O resultado: um visual fresco e um widget que faz a voz do cliente destacar-se.

Missão cumprida :)

O caminho para chegar a um design de estrela tão encantador foi cheio de tentativas e falhas antes de desenvolvermos um design que nos cortou a respiração.

Eis alguns dos designs que considerámos:

Componentes de design dos widgets

Apesar de termos decidido fazer apenas uma renovação dos layouts atuais, sabíamos que o processo não seria nada fácil.

Reformular é um processo criativo, e é muito fácil passar de uma renovação a inventar o novo carro Tesla. Para garantir que mantínhamos os olhos no prémio, criámos uma lista de objetivos, prioridades e princípios básicos que precisávamos de seguir durante este projeto:

1. Mantém a simplicidade!
2. Seguir os princípios de design atómico
3. Criar um sistema de componentes para cada widget no Figma com um design novo (simples).
4. Implementar componentes usando HTML, CSS e JS - Código limpo, nova nomenclatura das classes, CSS personalizado fácil de aplicar.
5. Testar novos widgets

E assim, a jornada começou.

Definir um conjunto simples de componentes como sistema de design ajuda-nos a fazer uma afirmação firme sobre quais são os principais elementos de cada widget e ajudou-nos a definir todas as principais classes de CSS, tornando o design e a sua implementação muito fáceis.

Em resumo, eis os componentes mais utilizados em cada widget:

De componente a widget, através de looongos dias de trabalho e esforço, é oficial… Estão ativos!

O trabalho árduo compensou! Criámos widgets modernos e responsivos para se ajustarem a qualquer design ou qualquer site por predefinição.

Temas dos widgets

Como resultado do processo acima, acreditamos que assim que criar e incorporar qualquer um dos novos widgets, não precisará de o personalizar mais (esperamos), poupando-lhe assim tempo e esforço para se concentrar mais nas suas atividades do dia a dia.

Os temas ajudá-lo-ão a fazer uma mudança rápida entre layouts escuros ou brancos, num único clique:

Por outro lado, se precisar mesmo de fazer ajustes, o nosso código e as classes de CSS são agora mais simples de usar e poderá utilizar a opção de CSS personalizado muito, muito facilmente.

Apresentação dos novos widgets

E, finalmente, o design é concebido com os dois elementos principais da identidade visual da EmbedSocial:

1. A etiqueta de código unificadora que representa a parte incorporada da marca
2. O símbolo de uma relação que os nossos utilizadores querem construir com os seus clientes

Acreditamos que esta mudança refresca o aspeto dos widgets e mantém-se fiel à marca para representar o inegável poder do feedback do utilizador.

Então, finalmente, eis os novos widgets:

Widget de Grelha

O widget de Grelha apresenta avaliações sociais numa estrutura responsiva em mosaico que simula um layout de grelha moderno que se ajusta a qualquer página inteira onde queira exibir o maior número possível de avaliações.

Demonstração do Widget de Grelha

Widget de Coluna

Um layout de duas colunas perfeito para páginas de ecrã inteiro, para exibir várias avaliações numa única página.

Demonstração do Widget de Coluna

Widget de Carrossel

O slider mostrará as suas avaliações num formato de reprodução automática perfeito para a sua página inicial. Pode ver as avaliações clicando numa caixa que abrirá a avaliação numa lightbox de slider ou num slider vertical fixo.

Demonstração do Widget de Carrossel

Widget de Slider

Muito semelhante ao widget de carrossel, com ligeiras alterações no design e um aspeto plano para designs de sites que sejam minimalistas.

Demonstração do Widget de Slider

Widget de Página

Chamámos a este layout ‘Página’, pois funciona como uma página completa de avaliações, com botões e filtros que tornam a página totalmente avançada para exibir avaliações de utilizadores. Foi concebido sobretudo para páginas de produto, onde os utilizadores podem usar opções adicionais para pesquisar e filtrar as avaliações fornecidas.

Demonstração do Widget de Página.

Widget de Tabela

Por fim, se precisar de uma versão mais simplificada do layout de Página, que não inclua os filtros e o campo de pesquisa, pode usar o layout de Tabela, que exibe uma lista completa das avaliações num formato de tabela, semelhante a uma secção de avaliações ao estilo da Amazon.

Demonstração do Widget de Tabela

Widget de Pop-up

Mostre prova social no seu site com um simples popover que aparece como um widget fixo no canto inferior esquerdo ou inferior direito do seu site.

Este widget aparece ao carregar a página e pode ser configurado para abrir todas as avaliações com um clique. Veja a ligação da demonstração para experimentar ao vivo.

Demonstração do Widget de Pop-up

Aplicabilidade dos novos widgets de avaliações

O nosso objetivo continua a ser construir produtos que os clientes ADOREM colocar nos seus sites e dar aos SEUS clientes uma experiência envolvente e inovadora.

Eis alguns exemplos de como melhorar o seu site com widgets de avaliações:

Slider ou carrossel de avaliações para páginas iniciais

Incorpore o seu slider ou carrossel mesmo na sua página inicial. A prova social aparece normalmente logo abaixo da sua imagem principal ou chamada à ação na sua página inicial.

Da mesma forma, pode usar a mesma estrutura em qualquer página de destino que utilize no funil de conversão do seu site.

Widget de testemunhos para páginas de produto de eCommerce

Os widgets de Tabela e de Página são perfeitos para páginas de produto. O melhor destes widgets é a opção de obter uma avaliação desse produto na própria página, o que lhe permitirá combinar avaliações no widget captadas a partir da sua conta de redes sociais, mas também de visitantes que deixaram uma avaliação na página do produto.

Como começar a usar os novos widgets de avaliações?

Como pode ver nas imagens acima, os nossos novos layouts estão prontos a usar!

Pode usar os novos widgets, já, simplesmente navegando até à secção Feed de Avaliações e clicando no feed que pretende editar.

O último passo é simplesmente mudar a opção Layouts e selecionar Grelha, Coluna, Página, Tabela, Slider ou Carrossel.

E se, por acaso, ainda não for utilizador da plataforma EmbedSocial, sinta-se à vontade para iniciar uma avaliação gratuita e conhecer os novos widgets de avaliações.

Se precisar de ajuda adicional, a nossa dedicada equipa de Sucesso do Cliente está sempre ao seu dispor (podemos fazê-lo por si). Sinta-se à vontade para contactar-nos para qualquer questão.

No entanto, à medida que o nosso design muda, a nossa missão principal permanece: ir além para ajudar os nossos clientes e os nossos utilizadores a construir confiança com os seus clientes e, como resultado, aumentar as conversões.