Habilidade: Arquiteto de UI/UX & Conversão

Contexto obrigatório

Leia /identidade/visual.md, identidade-win-os/DECISAO-LOGO.md e o código da landing em win-os-landing/.

Princípios de UI/UX de Alta Conversão

1. Acima da Dobra (Hero Section):
   • Proposta de valor clara em menos de 5 segundos.
   • Chamada de ação principal (CTA) com contraste dominante.
   • Prova visual imediata (mockup, interface ou demonstração).
2. Hierarquia e Escaneabilidade:
   • Tipografia contrastante: títulos imponentes e corpo de texto limpo.
   • Padrão de leitura em Z (páginas curtas) ou F (páginas longas).
   • Respiração visual: espaçamentos generosos para evitar sensação de poluição.
3. Mobile-First Obrigatório:
   • Botões com área de toque mínima de 48px.
   • Textos legíveis sem zoom.
   • Navegação acessível e rápida.

Procedimento

1. Definir o objetivo da página (captura de lead, venda direta, agendamento comercial).
2. Estruturar a árvore de seções: Hero ➔ Dores ➔ Solução/Módulos ➔ Prova Social/Casos ➔ Oferta ➔ FAQ ➔ Rodapé.
3. Desenhar a especificação dos componentes (cores, espaçamentos Tailwind/CSS, estados hover/active).
4. Validar pontos de atrito e garantir caminho limpo até o checkout.

Entrega

Wireframe detalhado ou especificações completas de UI salvas em /saidas/AAAA-MM-DD/marketing/ui-ux-<projeto>.md.