Exemplos de Avaliações do eBay
Exemplo 1. Solicitação de Avaliação
Principais recursos: Chamada para ação, botão CTA.
Aqui, as avaliações são exibidas em um widget espaçoso, com as cores autênticas do eBay, e um cabeçalho informativo. O cabeçalho exibe a avaliação total da página e mostra quantos usuários já deixaram recomendações com as fotos das mais recentes. As fotos levam à sua página ao clicar. O botão para solicitar avaliação convida os usuários a deixar uma nova avaliação, com a opção ‘Sim’ destacada em azul para chamar a atenção.
Exemplo 2. Lista
Principais recursos: Layout de lista, navegação.
Aqui está uma forma de exibir suas avaliações em uma página como uma lista moderada. Se você desativar o cabeçalho e definir dimensões automáticas de largura e altura, como neste exemplo, o widget preencherá de forma fluida o espaço livre na página e ficará bem equilibrado. Aplique filtros para limitar a quantidade de avaliações, exibir apenas as positivas ou excluir palavras-chave indesejadas.
Exemplo 3. Masonry
Principais recursos: Layout Masonry e grid.
Neste exemplo, um conjunto de avaliações é exibido na variante Masonry, que posiciona as avaliações da melhor forma com base na altura. A cor personalizada conferiu ao widget um visual totalmente único. A classificação por estrelas serve para demonstrar alta aprovação pelos clientes.
Exemplo 4. Grade
Principais recursos: Layout em grade, design.
A escolha do layout em Grade e do modelo de avaliações Spotlight cria uma interface do widget que é ao mesmo tempo refinada e clara. Linhas retas e textos de avaliação centralizados atraem a atenção. A geometria limpa do layout em Grade pode funcionar com qualquer modelo de avaliação — há compatibilidade total entre as opções de interface.
Exemplo 5. Carrossel
Principais recursos: Carrossel, depoimentos.
Este widget com layout de Slider exibe as avaliações em um carrossel dinâmico com reprodução automática. É uma ótima opção, por exemplo, para a página inicial do seu site. O layout de Slider possui vários controles de navegação: seta, arrastar ou paginação. E você pode escolher quantas avaliações serão exibidas por slide.
Exemplo 6. Slider
Principais recursos: Layout do Slider, Navegação.
Exibir avaliações uma por vez aumenta a atenção dos usuários. Neste caso, a escolha do modelo altera a ordem dos elementos: a foto do autor e a avaliação em estrelas ficam acima do texto da avaliação, com todos os elementos alinhados ao centro. É possível ver mais avaliações arrastando ou clicando nas setas.
Exemplo 7. Barra Lateral
Principais recursos: Layout da barra lateral, navegação.
Confira este excelente exemplo de como você pode inserir um widget de avaliações no seu site com pouco espaço. No layout Sidebar, o widget não tem elementos extras — apenas os itens mais importantes; ele fica compacto e mantém toda a funcionalidade graças ao tamanho responsivo.