Pular para o conteúdo

Conteúdo

Cartão só quando é foto. O resto é tipografia, filete e respiro: listas, números grandes, escadas e ciclos. Depoimentos e números só com fonte.

Cartões de foto e caminhos

Categorias como fotos, com o nome na área calma (referência Granado). Na home, os três caminhos levam a cada frente.

Texto embaixo

.rq-cartao-foto--baixo

Para a foto com a área calma embaixo. O véu sobe de baixo e a seta desce para o canto.

Frentes com mordida

Do bento da home v5. O cartão abre uma mordida redonda no canto e a seta nasce dentro dela. Passe pelas frases à direita: cada uma acende a frente que responde a ela.

Bento das frentes

.rq-frentes · .rq-frente · __peca · __seta · .rq-momentos · data-momento · data-rq="frentes"

CRM

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

Depoimento e sanfona

Só entram depoimentos com fonte. Os dois daqui estão publicados pela Chesslab (página de aceleração e plano de ação). O retrato espera as fotos autorizadas; até lá, iniciais.

Depoimento

.rq-depoimento · __destaque · __frente

Já passamos por 3 agências antes e estamos muito satisfeitos com a Chess. Foi um crescimento de 900% no atacado, durante 1 ano de parceria.

Andressa ZonatelliCEO, AZ Moda FitnessAceleração de e-commerce

Sanfona de depoimentos

.rq-sanfona · __lista · __item · __aba · __corpo · __progresso · data-rq="sanfona"

O ativo abre, os outros ficam estreitos com o nome em pé. Passa sozinho a cada 8 s enquanto está na tela; para no hover, no foco ou quando a pessoa escolhe.

Já passamos por 3 agências antes e estamos muito satisfeitos com a Chess. Foi um crescimento de 900% no atacado, durante 1 ano de parceria.

Andressa Zonatelli CEO, AZ Moda Fitness

A gente teve nosso recorde de vendas na black friday.

Gustavo e Gabriel Fundadores, O2 Arts

Sanfona com foto

.rq-sanfona--foto

Tráfego sem método vira custo.

Tráfego pago, criativo e rotina diária de metas com squad dedicado.

Loja sob medida na Shopify.

Sem tema pronto: design exclusivo no Figma e performance em qualquer dispositivo.

Compra única vira recompra.

E-mail, cashback e comercial organizado, no varejo e no atacado.

Logos

Logo como máscara: herda a cor do texto e todas ficam no mesmo peso visual. A imagem vai em mask-image no próprio elemento (endereço relativo dentro de variável CSS resolveria a partir do arquivo CSS). Lojas do portfólio da landing Shopify. Para passar em fila, use o marquee (Peças vivas).

Grade de marcas

.rq-logos · .rq-marca · mask-image

Dúvidas

<details> com filete. Com name, um aberto por vez, sem JS. O módulo faz a resposta sair com uma animação curta e abre o item do #endereço. Perguntas da página de aceleração.

Lista de dúvidas

.rq-duvidas · __sinal · __resposta · data-rq="duvidas"
O que é CAC?

CAC é o custo para conquistar um cliente novo. A equipe de tráfego define o valor máximo que dá para gastar por cliente, com base no custo fixo e no custo variável da loja, para não comprometer a margem de lucro.

A aceleração inclui fazer um site novo?

A aceleração inclui uma auditoria do seu site, com correções ou orientação sobre o que resolver. Criar uma loja nova é a frente de Desenvolvimento de site.

Posso falar com a Chesslab antes de escolher uma frente?

Pode. A Chesslab tem três frentes: Desenvolvimento de site, Aceleração de e-commerce e CRM. Se ainda não sabe qual faz sentido, fale com a gente sem escolher.

Ficha, meta e escopo

Ficha de resultado

.rq-fichas · .rq-ficha · __numero · __metrica · __fonte

Um número só entra com cliente, período e fonte. Nunca ilustrativo.

900%

de crescimento no atacado em 1 ano de parceria

AZ Moda Fitness, aceleração. Depoimento em vídeo na página de aceleração.

Meta em colunas

.rq-meta

Informações curtas de uma vaga ou de um projeto (página de vagas).

Modalidade
A definir
Contratação
A definir
Localização
A definir

Escopo numerado

.rq-escopo · __num · __titulo · __texto

O escopo da vaga de Social Media: número, verbo e o que ele quer dizer.

  1. Planejar

    Desenvolver o planejamento estratégico e criativo de conteúdo para as redes sociais da Chesslab.

    Definir editorias, pilares de conteúdo e linhas criativas do perfil.

  2. Criar

    Desenvolver conteúdos para Reels, Reels de teste, carrosséis, feed e Stories.

    Criar copy para peças, roteiros de vídeo, legendas e CTAs.

  3. Colaborar

    Criar briefings e direcionamentos para designers e editores de vídeo.

    Participar como apresentador(a) nos conteúdos em vídeo da Chesslab.

  4. Publicar

    Agendar e publicar os conteúdos no Instagram.

    Executar ajustes básicos de edição no CapCut e de design no Canva.

  5. Aprender

    Acompanhar métricas e elaborar relatórios de desempenho.

    Analisar resultados para orientar o que manter, testar ou descartar.

Linha do tempo, escadaria e ciclo

Escadaria

.rq-escadaria · __etapa · __num · data-n · --i · data-rq="escadaria"

Cinco etapas que descem na inclinação do símbolo; cada número se desenha na diagonal ao chegar (página de aceleração). Abaixo de 880 px do bloco, vira lista vertical.

Como funciona, em cinco etapas.

  1. Biblioteca de anúncios.

    Criamos uma biblioteca de referências de anúncios para você saber como gravar os seus.

  2. Edição de vídeos e imagens.

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

  3. Melhorias no site.

    Fazemos uma auditoria do seu site para identificar o que dificulta as vendas e corrigimos ou orientamos como resolver.

  4. Fidelização de clientes.

    De e-mail marketing a automações de cashback, estruturamos o que a loja precisa para vender mais para quem já comprou.

  5. Feedbacks e reuniões.

    Toda semana você recebe um resumo das campanhas. A cada quinze dias, uma reunião para olhar os resultados e planejar as próximas ações.

Ciclo

.rq-ciclo · __legenda · __lista · __num · __nome · __area · data-rq="ciclo"

As etapas se acendem em sequência, 2,8 s cada, com o fio crescendo (página de vagas). Pausa no hover e no foco.

Linha do tempo

.rq-linha-tempo · __quando · __titulo · __texto · .is-feito
  1. Etapa 1DescobrimosConversa, briefing e coleta de referências.
  2. Etapa 2DesenhamosLayout exclusivo no Figma. Sem tema genérico.
  3. Etapa 3CodamosTudo na Shopify com performance e responsividade.
  4. Etapa 4RevisamosVocê navega, testa e aprova.
  5. Etapa 5PublicamosLoja no ar com suporte inicial.

Avatar

Foto ou iniciais, em tamanhos por --tamanho. Em grupo, os avatares se sobrepõem com um anel na cor do fundo. As fotos da equipe estão pendentes; quando chegarem, entram como <img> dentro do avatar.

AZGG