vmitsaras/revisão-de-distintividade-de-site

Revisão de Distintividade de Site

Propósito

Analisar se um site ou direção de design proposta parece específico, próprio e intencional o suficiente para pertencer de forma inequívoca a uma empresa e a um público.

Esta skill não julga a novidade pela novidade. Ela testa se o design traduz características reais da marca em sinais visuais, verbais, estruturais e experienciais reconhecíveis, em vez de depender de clichês da categoria, tratamentos superficiais da moda, padrões de template ou saída de IA não direcionada.

A revisão deve ajudar a aprimorar uma direção existente. Ela não deve codificar a interface ou substituir uma estratégia de marca mais ampla.

Quando usar esta skill

Use esta skill quando:

• O usuário pergunta se um site se destaca ou parece genérico.
• Um design parece polido, mas poderia pertencer a vários concorrentes.
• O usuário suspeita que um layout parece baseado em template, tendência ou gerado por IA.
• Uma equipe quer que o site atraia um público específico, em vez de agradar vagamente a todos.
• A personalidade da marca é conhecida, mas o site não a expressa fortemente.
• Um conceito precisa de uma posição emocional mais clara antes do refinamento visual.
• Existem múltiplos pontos de contato e o site deve parecer parte do mesmo universo da marca.
• Um redesign corre o risco de remover os recursos que tornavam o original reconhecível.

Não use esta skill quando:

• O principal problema é propósito, público, conteúdo ou requisitos pouco claros; use design-problem-framer primeiro.
• O usuário precisa de várias opções de layout estrutural novo; use layout-direction-explorer.
• A tarefa é principalmente hierarquia, equilíbrio, alinhamento, espaçamento ou composição; use layout-principles-review.
• O usuário precisa comparar direções de design finalizadas e escolher uma; use design-direction-decision.
• O objetivo principal é arquitetura de conversão, estratégia de CTA, tratamento de objeções ou design de confiança detalhado; use conversion-creative-director.
• O usuário quer territórios conceituais radicais antes do design de interface; use provocative-concept-director.
• A solicitação é implementar, codificar ou recriar a interface.

Entradas para inspecionar

Inspecione o menor conjunto útil de entradas disponíveis:

• URL do site, capturas de tela, mockups, wireframes ou protótipos
• Briefing da marca, declaração de posicionamento, valores ou identidade verbal
• Descrição do produto ou serviço
• Público-alvo, segmentos de clientes ou personas de usuário
• Referências de concorrentes ou da categoria
• Identidade visual existente, campanhas, embalagens, conteúdo social ou material editorial
• Cópia, títulos, afirmações, depoimentos, estudos de caso ou ativos de prova
• Justificativa de design ou notas de direção criativa
• Prompts de IA ou ativos gerados quando a similaridade é uma preocupação

Se um contexto importante estiver faltando, identifique a lacuna e faça suposições limitadas. Não invente uma estratégia de marca detalhada a partir de uma única captura de tela.

Pergunta central da revisão

Pergunte:

Se o logotipo, nome da empresa e nome do produto desaparecessem, que evidência ainda faria este design pertencer a esta marca e atrair este público?

Um resultado forte deve ter várias respostas mutuamente reforçadoras. Um resultado fraco depende principalmente do logotipo, cópia genérica, estilo da moda ou imagens padrão da categoria.

Lentes de revisão

1. Capacidade de apropriação pela marca

Determine se o design contém sinais reconhecíveis enraizados no negócio, em vez de emprestados da categoria.

Inspecione:

• Ponto de vista distintivo
• Linguagem e imagens específicas do negócio
• Dispositivos visuais reconhecíveis
• Símbolos, materiais, metáforas ou comportamentos significativos
• Interações ou estruturas de conteúdo exclusivas
• Elementos que os concorrentes não poderiam copiar sem parecer derivativos

Não confunda decoração incomum com capacidade de apropriação. Um gradiente estranho não é uma ideia de marca.

2. Especificidade do público

Determine se o design é claramente moldado para um público específico.

Inspecione:

• O que o público-alvo valoriza, teme, rejeita ou aspira
• Referências culturais e da categoria que o público reconhecerá
• Tom, densidade, ritmo e expectativas de interação
• Sinais de nível de preço, seriedade, energia, expertise ou pertencimento
• Se o design está tentando agradar públicos incompatíveis simultaneamente

O objetivo não é hostilidade para com todos os outros. O objetivo é relevância confiante.

3. Polaridade emocional

Determine se o design cria uma reação imediata e apropriada, em vez de aceitação neutra.

Inspecione:

• A provável impressão de cinco segundos
• Temperatura emocional
• Confiança versus cautela
• Familiaridade versus surpresa
• Moderação versus exuberância
• Se a reação apoia a marca e a tarefa

Um design forte pode não agradar a todos, mas seu público-alvo deve entender por que ele existe.

4. Continuidade do universo da marca

Determine se o site parece uma parte de uma experiência mais ampla e coerente, em vez de uma página de destino isolada.

Inspecione:

• Continuidade com pontos de contato sociais, editoriais, de campanha, produto, embalagem ou presenciais
• Regras visuais e verbais reutilizáveis
• Se o site pode absorver conteúdo futuro sem perder sua identidade
• Se cada página parece o mesmo mundo com intensidade diferente
• Se a marca permanece reconhecível em superfícies grandes e pequenas

Não exija que todos os canais sejam idênticos. Procure lógica compartilhada, não consistência de copiar e colar.

5. Evidência e autenticidade

Revise se as principais afirmações são apoiadas por material confiável e concreto.

Inspecione:

• Amostras de trabalho, demonstrações, evidências de antes e depois ou visibilidade do processo
• Resultados específicos em vez de elogios vagos
• Vozes, rostos, artefatos, ambientes ou linguagem do cliente reais
• Fontes verificáveis de terceiros ou independentes, quando apropriado
• Proximidade entre uma afirmação e a evidência que a apoia

Mantenha esta lente no nível de distintividade e credibilidade. Encaminhe uma auditoria completa de persuasão ou conversão para conversion-creative-director.

6. Sinais intencionais do sistema

Determine se a tipografia, espaçamento, composição, imagens e movimento parecem governados por um sistema deliberado.

Inspecione:

• Funções de tipo consistentes e relações de escala
• Lógica de espaçamento e layout repetível
• Hierarquia visual clara
• Tratamento consistente de imagens
• Gramática de movimento ou interação recorrente
• Exceções propositais que criam ênfase

Não realize uma auditoria completa de layout aqui. Registre preocupações de nível de sistema e encaminhe problemas detalhados de composição para layout-principles-review.

7. Autoria humana versus similaridade padrão de IA

Determine se a IA ou templates parecem ter amplificado um ponto de vista ou substituído um.

Sinais comuns de padrão de IA incluem:

• Composição de herói genérica com cópia intercambiável
• Objetos 3D abstratos não relacionados ao negócio
• Imagens polidas, mas sem contexto
• Gradientes seguros, cards de vidro, pílulas flutuantes e motivos de dashboard vazios
• Ritmos de seção repetidos sem razão narrativa
• Afirmações amplas sem evidências específicas
• Um estilo visual escolhido porque está na moda, não porque é significativo

Não rejeite material gerado por IA meramente porque a IA foi usada. Julgue se o resultado foi selecionado, editado, combinado e direcionado através de uma perspectiva humana específica.

Fluxo de trabalho

1. Estabelecer o alvo da revisão

   • Identifique a página, conceito, protótipo ou direção que está sendo revisada.
   • Indique se a evidência é suficiente para uma revisão completa ou apenas provisória.

2. Resumir a identidade pretendida

   • Descreva o negócio, público, oferta e impressão desejada em um parágrafo compacto.
   • Separe fatos confirmados de características inferidas.

3. Mapear o padrão da categoria

   • Identifique os padrões visuais, verbais e estruturais familiares usados por concorrentes ou produtos comparáveis.
   • Marque quais padrões são convenções úteis e quais criam similaridade.

4. Executar o teste de substituição

   • Remova ou substitua mentalmente o logotipo, nome da marca, nome do produto e título principal.
   • Pergunte se um concorrente poderia adotar o design com mudanças mínimas.
   • Registre os elementos exatos que sobrevivem à substituição e aqueles que colapsam.

5. Executar o teste de atração e repulsão do público

   • Indique o que deve atrair fortemente o público-alvo.
   • Indique o que pode sinalizar apropriadamente “não é para mim” para um público incompatível.
   • Sinalize repulsão acidental causada por confusão, inacessibilidade, exclusão ou baixa usabilidade. Não rotule essas falhas como posicionamento ousado.

6. Executar o teste de reação de cinco segundos

   • Registre os descritores imediatos prováveis que um visitante usaria.
   • Compare-os com os descritores pretendidos.
   • Identifique sinais neutros, contraditórios ou enganosos.

7. Revisar o universo da marca

   • Verifique se os sinais visuais, verbais, de conteúdo, prova e interação se reforçam mutuamente.
   • Verifique se a lógica pode se estender por páginas e pontos de contato adjacentes.
   • Identifique efeitos isolados que não pertencem ao sistema mais amplo.

8. Identificar sinais próprios

   • Preserve sinais fortes existentes.
   • Selecione três a cinco sinais que podem se tornar um sistema reconhecível.
   • Cada sinal deve ter uma razão conectada à marca ou ao público.

9. Localizar sinais genéricos ou emprestados

   • Identifique clichês da categoria, tendências inexplicadas, padrões de IA e escolhas semelhantes a concorrentes.
   • Explique o que torna cada sinal genérico neste contexto.
   • Não recomende remover convenções que apoiam a compreensão, a menos que uma substituição melhor seja definida.

10. Propor níveis de intervenção

    • Preservar: elementos fortes e próprios que devem permanecer.
    • Aprimorar: elementos promissores que precisam de consistência, contraste, especificidade ou repetição mais fortes.
    • Substituir: elementos genéricos ou contraditórios que enfraquecem a direção.
    • Introduzir: sinais ausentes necessários para completar o universo da marca.

11. Encaminhar acompanhamento especializado

    • Nomeie apenas o menor conjunto de skills relacionadas necessárias em seguida.
    • Explique a pergunta não resolvida que cada skill selecionada deve responder.

Veredito de distintividade

Use um veredito:

• Próprio — O design tem um ponto de vista claro, adequação ao público e vários sinais mutuamente reforçadores que permaneceriam reconhecíveis sem o logotipo.
• Emergente — A direção contém ideias específicas, mas padrões genéricos ainda dominam ou os sinais ainda não são repetidos de forma consistente.
• Intercambiável — O design é competente, mas poderia pertencer a muitas empresas com pequenas mudanças de cópia e ativos.
• Desalinhado — O design é distintivo, mas seus sinais mais fortes entram em conflito com o público-alvo, oferta ou posição da marca.
• Evidência insuficiente — O material fornecido não suporta um veredito responsável.

Não neutralize contradições. Um design polido, mas desalinhado, não é “quase bom”.

Formato de saída

Retorne:

## Veredito de distintividade

**Veredito:** Próprio | Emergente | Intercambiável | Desalinhado | Evidência insuficiente

Explicação em um parágrafo fundamentada no design fornecido.

## Identidade pretendida

- Negócio ou produto:
- Público-alvo:
- Impressão pretendida:
- Entradas confirmadas:
- Suposições:

## Reação de cinco segundos

**Reação provável:** ...

**Reação pretendida:** ...

**Lacuna:** ...

## Resultados da revisão

| Lente | Classificação | Evidência | Por que é importante |
|---|---|---|---|
| Capacidade de apropriação pela marca | Forte / Parcial / Fraca / Desconhecida | ... | ... |
| Especificidade do público | Forte / Parcial / Fraca / Desconhecida | ... | ... |
| Polaridade emocional | Forte / Parcial / Fraca / Desconhecida | ... | ... |
| Continuidade do universo da marca | Forte / Parcial / Fraca / Desconhecida | ... | ... |
| Evidência e autenticidade | Forte / Parcial / Fraca / Desconhecida | ... | ... |
| Sinais intencionais do sistema | Forte / Parcial / Fraca / Desconhecida | ... | ... |
| Autoria humana | Forte / Parcial / Fraca / Desconhecida | ... | ... |

## Teste de substituição

- Elementos que permanecem reconhecíveis sem o logotipo:
- Elementos que um concorrente poderia reutilizar inalterados:
- Resultado geral:

## Atração e repulsão do público

### Atrai o público-alvo

- ...

### Filtra adequadamente públicos incompatíveis

- ...

### Atrito ou exclusão acidental

- ...

## Sistema de sinais próprios

| Sinal | Justificativa da marca ou público | Estado atual | Uso recomendado |
|---|---|---|---|
| ... | ... | Preservar / Aprimorar / Introduzir | ... |

## Sinais genéricos a remover ou transformar

| Sinal | Por que parece genérico aqui | Melhor direção |
|---|---|---|
| ... | ... | ... |

## Intervenções recomendadas

### Preservar

- ...

### Aprimorar

- ...

### Substituir

- ...

### Introduzir

- ...

## Próxima skill recomendada

- `nome-da-skill` — pergunta não resolvida que deve responder.

Não preencha cada seção com conselhos genéricos. Omita linhas vazias e indique quando a evidência não está disponível.

Padrão de qualidade

A tarefa está completa apenas quando:

• O veredito é baseado em evidências visíveis ou fornecidas.
• A revisão distingue distintividade de decoração.
• A atração do público é separada de problemas acidentais de usabilidade ou acessibilidade.
• O teste de substituição identifica elementos intercambiáveis concretos.
• As recomendações preservam convenções úteis enquanto substituem expressão genérica.
• Cada sinal exclusivo proposto tem uma justificativa de marca ou público.
• A revisão reconhece pontos fortes existentes em vez de redesenhar tudo por reflexo.
• O uso de IA é julgado por direção e edição, não por ideologia.
• A saída não deriva para código ou detalhes de implementação.
• O acompanhamento especializado é limitado ao menor conjunto útil de skills relacionadas.

Casos limite

• Não existe estratégia de marca: Produza uma revisão provisória, liste as decisões faltantes e encaminhe para design-problem-framer.
• A marca usa intencionalmente convenções da categoria: Verifique se cópia, prova, conteúdo, comportamento ou modelo de serviço fornece a distintividade em vez de exigir novidade visual.
• Um produto utilitário deve parecer neutro: Revise clareza, tom, comportamento de interação e prova para capacidade de apropriação; não force um estilo teatral.
• Uma indústria regulamentada ou de alta confiança restringe a expressão visual: Teste a distintividade dentro das restrições; não a descarte como genérica.

---

Notas de implementação

• Esta skill deve ser invocada com contexto suficiente para evitar substituir skills de design mais especializadas.
• Use um formato de saída estruturado ao retornar resultados para o fluxo do usuário.
• Suporte a entrada de URL, upload de imagem ou descrição textual.
• Quando a entrada for ambígua, solicite esclarecimentos antes de prosseguir com uma revisão completa.