Pular para o conteúdo

Squads e talentos

Quem trabalha em cada frente, a vaga aberta e a autoavaliação de quem pensa em se candidatar. Disciplinas descritas pelo que fazem e entregam; nada de número, depoimento ou dado de RH sem fonte.

Squad por frente

Cada frente da Chesslab e as disciplinas que trabalham nela: o nome, o que faz e o que entrega. Entregas e ferramentas em mono. Ao trocar de frente, o painel novo passa por cima do anterior num arco curto e o anterior cede para o lado de onde o novo veio: a troca, assinatura do Roque. Os textos de Aceleração, Desenvolvimento e CRM vêm da homepage; Engenharia e agentes de IA descreve as disciplinas sem prometer resultado.

Quatro frentes

.rq-squad · __frentes · __frente · __paineis · __painel · __disciplina · __entregas · data-rq="squad"

Aceleração de e-commerce

Tráfego pago, criativo e rotina diária de metas com squad dedicado. Foco em lucro, não só faturamento.

  • Head de marketing

    Planeja as campanhas e conduz a rotina de metas e de alinhamento com a marca.

    • metas diárias
    • resumo semanal
    • reunião quinzenal

  • Gestor de tráfego

    Define quanto dá para gastar por cliente, com base no custo fixo e no variável da loja, e otimiza as campanhas.

    • tráfego pago
    • CAC máximo
    • campanhas

  • Time criativo

    Editores de vídeo e de imagem da própria Chesslab preparam o material dos anúncios.

    • biblioteca de anúncios
    • vídeos
    • imagens

Squad dedicado · Campanhas · Tráfego pago · Time criativo · Metas todo dia · Lucro, não só faturamento

Desenvolvimento de site

Loja sob medida na Shopify, sem tema pronto: design exclusivo no Figma e performance em qualquer dispositivo.

  • Descoberta

    Conversa, briefing e coleta de referências antes do primeiro traço.

    • briefing
    • referências

  • Design

    Desenha o layout exclusivo da loja. Sem tema genérico.

    • Figma
    • layout exclusivo

  • Desenvolvimento

    Desenvolve a loja com performance e responsividade.

    • Shopify
    • performance
    • qualquer dispositivo

  • Revisão e publicação

    Você navega, testa e aprova; a loja vai ao ar com suporte inicial da equipe.

    • ajustes finais
    • publicação
    • suporte inicial

Layout exclusivo · Sem tema pronto · Shopify · Performance · Qualquer dispositivo · Design no Figma

CRM

E-mail, cashback e comercial organizado para transformar compra única em recompra, no varejo e no atacado.

  • E-mail marketing

    Relacionamento com quem já comprou, para gerar novas compras.

    • e-mail marketing
    • automações

  • Cashback

    Automações de cashback para quem já comprou voltar a comprar.

    • cashback
    • recompra

  • Estrutura comercial

    Para marcas que também vendem no atacado ou para empresas, organiza o comercial.

    • atacado
    • B2B

Recompra · E-mail marketing · Cashback · Relacionamento · Atacado · B2B · Estrutura comercial

Engenharia e agentes de IA

Engenharia estratégica de software e agentes autônomos de IA construídos sobre modelos de linguagem.

  • Arquitetura de software

    Define a estrutura do sistema, os limites entre os serviços e as decisões técnicas.

    • ADR
    • diagramas
    • contratos de API

  • Agentes de IA e LLMs

    Constrói agentes autônomos que usam modelos de linguagem e ferramentas para executar tarefas.

    • LLM
    • prompts versionados
    • ferramentas
    • avaliações

  • Integrações e dados

    Conecta loja, CRM e sistemas internos, e organiza os dados que circulam entre eles.

    • API
    • webhooks
    • ETL

  • Qualidade e observabilidade

    Testa o que vai ao ar e acompanha o que roda em produção.

    • testes
    • logs
    • métricas
    • alertas
Quando usar
Para mostrar quem faz o trabalho em cada frente, numa página institucional ou de carreira. Na homepage, a palavra squad fica na Aceleração; nas outras frentes, as disciplinas falam por si.
Se a pessoa precisa ver todas as frentes de uma vez, prefira a lista com filete.
Teclado e ARIA
Tablist vertical com tabindex móvel. As setas trocam de frente na hora, Home e End vão às pontas, Tab entra no painel (que recebe tabindex="0"). Durante a troca, o painel que sai fica inert: o Tab vai ao que chega. aria-selected e aria-controls ligam a frente ao painel; o número é aria-hidden. A frente escolhida não depende só da cor: ganha o filete de realce, a seta e o deslocamento do nome.
Sem JS e movimento reduzido
Sem o módulo, a lista some e as quatro frentes aparecem em sequência, cada uma com o título. Com o módulo, o título fica só para leitor de tela. Com movimento reduzido, a troca é instantânea. Os painéis dividem a mesma célula: a altura não pula ao trocar.
API
Evento rq:squad com { aba, painel }. --rq-squad-fundo pinta o painel só durante a troca (padrão --rq-fundo); sobre foto, use transparent. A animação usa animarTroca de js/modulos/troca.js e os tokens abaixo.

Vaga aberta

A vaga de Social Media da página de vagas, com o texto de lá: sobretítulo, título, apoio, as informações que ainda estão a definir e o ciclo de trabalho, que acende uma etapa por vez. Uma conversão por bloco.

Social Media

.rq-vaga · __grade · __texto · __sobre · __titulo · __apoio · __acoes · .rq-meta · .rq-ciclo
Quando usar
No topo de uma página de vaga ou como chamada numa página de carreira. Cada etapa do ciclo leva ao trecho do escopo com o mesmo verbo.
Conteúdo
O que não foi decidido fica "A definir". Salário, benefícios, senioridade, jornada e processo seletivo só entram com confirmação. As informações ficam numa lista de definição com rótulos em mono.
Teclado e movimento
O ciclo é navegação (nav com aria-label) e as etapas são links. Ele pausa no hover e no foco, só roda na tela e, com movimento reduzido ou sem JS, fica parado.

Combina com você?

Autoavaliação com os quatro pontos de "O que esperamos" da vaga, nos textos de lá. Cada marcação enche o medidor e a contagem em mono é anunciada. A partir de três, aparece a ação de candidatura; antes disso, uma frase leva ao escopo. Nada é enviado nem guardado.

Autoavaliação

.rq-afinidade · __lista · __item · __placar · __medidor · __contagem · __sim · __nao · data-rq="afinidade" · data-afinidade-minimo

Combina com você?

O que a vaga espera, em quatro pontos. Marque os que já fazem parte do seu trabalho.

O que esperamos

0 de 4 marcados

Vale reler o escopo de trabalho antes de decidir.

Se fez sentido, queremos conhecer seu trabalho.

Quero me candidatar
Quando usar
Antes do formulário de candidatura, para a pessoa decidir com o escopo na cabeça. Os itens vêm do perfil da vaga. Não serve para triagem: as respostas não saem da página.
Teclado e ARIA
Checkboxes nativos num fieldset com legenda; a linha inteira é o alvo. A contagem ("3 de 4 marcados") é uma região aria-live="polite" com aria-atomic; ao cruzar o mínimo, a leitura inclui a frase que apareceu. O medidor é decorativo e o foco não se move quando a ação aparece.
Sem JS
A lista funciona como checklist simples; a frase e a ação de candidatura ficam visíveis. Contagem, medidor e a frase do escopo somem.
API
data-afinidade-minimo (padrão 3). Evento rq:afinidade com { marcados, total, combina }. O medidor ganha um segmento por item.