Temos o prazer de anunciar que hoje estamos a lançar uma reformulação completa dos nossos widgets de críticas e testemunhos.
No texto seguinte, descreveremos o processo e apresentaremos os novos widgets que pode começar a utilizar agora mesmo.
A inspiração: As necessidades dos clientes para orientar o nosso roteiro
Desde o início da construção do EmbedSocial, a nossa principal prioridade é ouvir os comentários e pedidos dos nossos clientes e implementar os seus desejos no nosso plano de desenvolvimento.
Uma das principais características que desenvolvemos em conjunto é a facilidade de mostrar um widget com críticas sociais em qualquer sítio Web, o que qualquer utilizador pode fazer, sem necessidade de codificação.
Mas à medida que os widgets evoluíram com novas funcionalidades e novos segmentos de clientes começaram a adotar os nossos produtos, surgiu a necessidade de uma variedade de widgets:
"A funcionalidade da plataforma é espetacular, 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 frequentes tem sido a simplificação dos nossos widgets de críticas e testemunhos, melhorando a experiência de IU dos utilizadores.
Por isso, hoje, estamos entusiasmados por lhe mostrar o que temos andado a fazer nos últimos meses.
5 novos widgets de avaliações!
Fizemos um facelift completo do código, design, layouts e apelo dos widgets de revisão.
Eis a forma como abordámos todo o processo:
Tornámo-los mais simples e responsivos para que, por defeito, se adaptem a qualquer design ou a qualquer sítio Web.
Por outro lado, se precisar de fazer ajustes, o nosso código e as classes CSS são agora mais simples de utilizar e poderá usar a opção CSS personalizada muito, muito facilmente.
Esperamos que o lançamento dos nossos novos layouts de revisão mantenha os aspectos técnicos tão simples quanto possível, assegurando ao mesmo tempo que os nossos clientes desfrutem de uma maior flexibilidade no que diz respeito ao que é apresentado nos seus sítios Web.
Os primeiros comentários são maioritariamente positivos:
"Adoro o design e o formato. Este tipo de apresentação inspira-me a escrever uma crítica. 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 foram os bastidores, saiba como conseguimos resolver alguns desafios de design e não deixe de ver as novas demonstrações de widgets.
Por detrás da cena: O processo de re-design
As críticas dos clientes estão a tornar-se um dos principais factores de decisão quando as pessoas decidem comprar um produto.
E a obtenção de críticas positivas está a tornar-se um verdadeiro desafio à medida que os consumidores se tornam mais instruídos e continuam a exigir produtos e serviços de qualidade superior.
Como provavelmente sabe (ou talvez não), o principal objetivo do EmbedSocial é capturar, trazer as suas críticas sociais e testemunhos de clientes para a vida no seu sítio Web.
Fazemo-lo, através da integração direta com as principais redes sociais e sincronizamos as opiniões geradas em tempo real no seu site com widgets altamente interactivos.
Um processo complexo que tentamos resolver, certo?
Bem, nós 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, liderados pela nossa designer de produtos hiper-criativa Angela Ristovska e pela nossa Equipa de Sucesso do Cliente.
Eis o aspeto de todo o processo:
- Reuniões de brainstorming com a equipa de apoio ao cliente
- Analisar o feedback, as necessidades e os desejos dos clientes
- Fazer uma lista dos principais desejos e necessidades da plataforma
- Definir componentes de conceção atómica
- Criar e apresentar primeiros projectos
- Fazer (mais do que alguns) ajustamentos dos projectos
- Incorporar CSS e HTML
- Teste, teste, teste
- Lançamento
Veja abaixo os principais resultados deste processo:
Componentes de design dos novos widgets
Durante mais de 3 meses, concentrámos os nossos esforços na recriação dos nossos widgets de avaliação que vão ADORAR incorporar nos vossos sites.
Eis os principais elementos da nova conceção:
- Redesenho da estrela
- Conceção de componentes atómicos dos widgets
- Temas dos widgets
Cada um destes elementos de design tem a sua própria história.
Eis os pormenores:
Reinventar a... estrela!
Poderão perguntar-se porque é que, no início, procurámos a estrela.
Bem, acreditamos que o conceito central de um testemunho de cliente é o símbolo de 5 estrelas.
Em termos simples, se tiver um texto é apenas um parágrafo, mas se adicionar as estrelas ao lado de .... (Tadaam!) torna-se um testemunho.
Assim, as estrelas fazem de facto deste formato o que ele é. Sem elas, não passa de uma citação ou de um parágrafo. Sem elas, é apenas uma citação ou um parágrafo.
E queríamos mesmo criar as nossas próprias estrelas.
Assim, após algumas horas de brainstorming, a nossa equipa decidiu criar um design de estrela EmbedSocial com a sua marca.
Queríamos que a estrela indicasse o Simbolismo EMBED, que, como verbo, significa: fixar (um objeto) firme e profundamente numa massa circundante.
É exatamente isto que queremos que faça com os testemunhos dos seus clientes -. torná-los uma parte essencial do seu sítio Web.
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 acaso:
Ficámos apaixonados pelas nossas novas estrelas e aplicámo-las a todos os nossos widgets.
Os resultados: Um novo visual e um widget que faz sobressair a voz do cliente.
Missão cumprida 🙂
O caminho para chegar a um design de estrela tão bonito foi repleto de tentativas e fracassos antes de desenvolvermos um design que nos prendesse a respiração.
Eis algumas das concepções que considerámos:
Componentes de design de widgets
Apesar de termos decidido fazer apenas uma atualização dos layouts actuais, sabíamos que o processo não seria nada fácil.
A remodelação é um processo criativo, e é muito fácil passar da elevação para a invenção do novo automóvel Tesla. Para garantir que mantemos os olhos no prémio, criámos uma lista de objectivos, prioridades e princípios básicos que temos de seguir durante este projeto:
- Não se esqueça de simplificar!
- Seguir os princípios da conceção Atomic
- Criar um sistema de componentes para cada widget no Figma com um novo desenho (simples).
- Implementar componentes utilizando HTML, CSS e JS - Código limpo, nova nomenclatura das classes, CSS personalizado fácil de aplicar.
- Testar novos widgets
E assim começou a viagem.
A definição de um conjunto simples de componentes como um sistema de design ajuda-nos a definir com firmeza quais são os principais elementos de cada widget e ajudou-nos a definir todas as principais classes CSS, tornando o design e a sua implementação muito fáceis.
Como resumo, eis os componentes mais utilizados em cada widget:
Do componente ao widget, depois de longos dias de trabalho e dor, é oficial... Estão em direto!
O trabalho árduo valeu a pena! Criámos widgets modernos e responsivos que se adaptam a qualquer design ou website por defeito.
Temas de widgets
Como resultado do processo acima descrito, acreditamos que, depois de criar e incorporar qualquer um dos novos widgets, não precisará de o personalizar mais, (esperamos) ajudando-o a poupar tempo e esforços para se concentrar mais nas suas actividades diárias.
Os temas ajudá-lo-ão a alternar rapidamente entre layouts escuros ou brancos, com apenas um clique:
Por outro lado, se precisar de fazer ajustes, o nosso código e as classes CSS são agora mais simples de utilizar e poderá usar a opção CSS personalizada muito, muito facilmente.
Novos widgets montra
E finalmente, o design é conceptualizado com os dois elementos principais da marca EmbedSocial:
- A etiqueta de código unificadora que representa a parte incorporada da marca
- O símbolo de uma relação que os nossos utilizadores querem construir com os seus clientes
Acreditamos que esta alteração refresca o aspeto dos widgets e mantém a marca para representar o poder inegável do feedback dos utilizadores.
Por fim, eis os novos widgets:
Widget de grelha
O widget de grelha apresenta as críticas sociais numa alvenaria reactiva que simula um layout de grelha moderno que se adapta a qualquer página completa onde pretenda apresentar o maior número possível de críticas.
Demonstração do widget de grelha
Widget de coluna
Um esquema de duas colunas perfeito para páginas de ecrã inteiro, para apresentar várias críticas numa página.
Demonstração do widget de coluna
Widget de carrossel
O slider mostrará as suas críticas num formato de reprodução automática, perfeito para a sua página inicial. Pode ver as críticas, clicando numa caixa que fará aparecer a crítica numa caixa de luz deslizante ou numa barra deslizante vertical fixa.
Demonstração do widget Carrossel
Widget de cursor
Muito semelhante ao widget de carrossel, com ligeiras alterações no design e um aspeto plano para designs de sítios Web minimalistas.
Widget de página
Chamámos a este layout "Página" porque funciona como uma página de críticas completa, com botões e filtros que fazem com que a página web avance totalmente para apresentar as críticas dos utilizadores. Foi concebido principalmente para páginas de produtos, onde os utilizadores podem utilizar opções adicionais para pesquisar e filtrar as críticas fornecidas.
Demonstração do widget de página.
Widget de mesa
No final, se necessitar de uma versão mais simplificada do esquema de página, que não inclua os filtros e o campo de pesquisa, pode utilizar o esquema de tabela, que apresenta a lista completa das críticas num formato de tabela, semelhante a uma secção de críticas do tipo Amazon.
Demonstração do widget de tabela
Widget de pop-up
Montra prova social no seu sítio Web com um simples popover que aparece como um widget fixo no canto inferior esquerdo ou no canto inferior direito do seu sítio Web.
Este widget aparece no carregamento de uma página e pode ser configurado para abrir todas as críticas com um clique. Consulte o link de demonstração para o experimentar ao vivo.
Aplicabilidade dos novos widgets de revisão
O nosso objetivo continua a ser criar produtos que os clientes ADORAM colocar nos seus sítios Web e proporcionar aos SEUS clientes uma experiência inovadora e envolvente.
Eis alguns exemplos de como melhorar o seu sítio Web com widgets de comentários:
Revisões deslizante ou carrossel para páginas iniciais
Incorpore o seu slider ou carrossel diretamente na sua página inicial. A prova social vem normalmente logo abaixo da sua imagem de herói ou do apelo à ação na sua página inicial.
Do mesmo modo, pode criar a mesma estrutura para qualquer página de destino que utilize no funil de conversão do seu sítio Web.
Widget de testemunhos para páginas de produtos de comércio eletrónico
Os widgets Tabela e Página são perfeitos para páginas de produtos. O melhor destes widgets é a opção de obter uma avaliação para esse produto diretamente nessa página, o que lhe permitirá combinar avaliações no widget capturadas 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 utilizar os novos widgets de comentários?
Como se pode ver nas imagens acima, os nossos novos layouts estão prontos a usar!
Pode utilizar os novos widgets, agora mesmo, navegando simplesmente para a secção Comentários Feed e clique no feed que pretende editar.
O último passo é simplesmente alterar a opção Layouts e selecionar Grelha, Coluna, Página, Tabela, Slider, Carrossel.
E se por acaso ainda não é utilizador da plataforma EmbedReviews, sinta-se à vontade para inscrever-se para um teste gratuito e veja os novos widgets de comentários.
Se precisar de ajuda adicional, a nossa equipa dedicada ao Sucesso do Cliente está sempre à sua disposição (podemos fazer isso em vez de si). Sinta-se à vontade para contactar-nos para quaisquer questões.
No entanto, à medida que a nossa conceção muda, a nossa principal missão mantém-se - para ir mais além e ajudar os nossos clientes os nossos utilizadores a criar confiança junto dos seus clientes e, consequentemente, a aumentar as conversões.
Incorporar o widget Google Reviews
Recolher automaticamente e incorporar comentários do Google e utilizar ferramentas de gestão de análises de IA para desbloquear o potencial de vendas do seu sítio Web.
PARA SUA INFORMAÇÃO: Pode automaticamente incorporar widget de avaliações do Google no seu sítio Web e mostrar comentários autênticos gerados pelos utilizadores, aumentando a confiança para mais vendas. Experimente agora.
