Exemplos de Avaliações do Houzz
Exemplo 1. Solicitação de Avaliação
Principais recursos: Chamada para ação, botão CTA.
Neste exemplo, as avaliações são organizadas em um widget atraente com cores complementares ao Houzz, com um cabeçalho informativo. O cabeçalho exibe a avaliação geral da página e mostra quantos usuários deixaram suas recomendações com as fotos das mais recentes. As fotos são clicáveis. O botão de solicitar avaliação oferece a possibilidade de deixar uma nova avaliação, com a parte Yes colorida de azul para chamar a atenção.
Exemplo 2. Lista
Principais recursos: Layout de lista, navegação.
Você pode incorporar suas avaliações em uma página para criar uma lista moderada. Se ocultar o cabeçalho e selecionar os parâmetros de Largura e Altura Automáticas, como neste exemplo, o widget se encaixará perfeitamente no espaço disponível na página e ficará com aparência consistente. Use filtros para ajustar a quantidade de avaliações, exibir apenas as com avaliações positivas ou ocultar as indesejadas por palavras-chave.
Exemplo 3. Masonry
Principais recursos: Layout Masonry e grid.
Neste exemplo, uma grade de avaliações é integrada à variação Masonry, que posiciona as avaliações da melhor forma com base na altura. A cor personalizada confere ao widget um visual verdadeiramente único. A classificação por estrelas exibida nas avaliações serve para evidenciar o valor do seu negócio.
Exemplo 4. Grade
Principais recursos: Layout em grade, design.
A escolha do layout em grade e do template Spotlight de avaliações confere ao widget uma interface refinada e clara. Linhas retas e textos de avaliações alinhados ao centro atraem a máxima atenção. A geometria limpa do layout em grade também funciona com qualquer outro template de avaliações — há total compatibilidade entre as opções de interface.
Exemplo 5. Carrossel
Principais recursos: Carrossel, depoimentos.
O conjunto de widgets para o layout Slider exibe as avaliações por meio de um carrossel dinâmico com reprodução automática. Esta é uma variante ideal, por exemplo, para a página inicial do seu site. O layout Slider inclui controles de navegação: setas, arrastar ou paginação. É possível escolher o número de avaliações exibidas em cada slide.
Exemplo 6. Slider
Principais recursos:
As avaliações exibidas uma de cada vez atraem mais a atenção dos usuários. Neste caso de uso, a escolha do template define a posição dos elementos: a foto do autor e a classificação por estrelas ficam acima do texto e todos os elementos ficam centralizados. As demais avaliações podem ser vistas arrastando ou clicando nas setas.
Exemplo 7. Barra Lateral
Principais recursos:
Este é um exemplo ilustrativo de como adicionar um widget de avaliações ao seu site em um espaço muito limitado. No layout de Barra Lateral, o widget exibe apenas os elementos essenciais e mantém o tamanho responsivo em tamanho moderado, sem perder a funcionalidade completa.