COLOMBAS HUB
Regras, templates, materiais e tutoriais para auxiliar a sua jornada como web designer na GEX.
📂 Templates & Assets
🎨 Páginas
TSL, VSL, DTC, UP & DW
NO DR, VOCÊ PRIORIZA A CONVERSÃO
Conversão é o objetivo. Estética é o meio.
O objetivo final é conversão, mas o caminho passa pela estética.
Design bonito gera:
- Mais confiança
- Mais permanência
- Mais fluidez de leitura
- Mais disposição para comprar
Estética tem valor quando induz a ação, não quando existe por si só.
Design amplifica a força da copy
A copy carrega a persuasão.
O design é o que faz a copy ser sentida, lida e absorvida.
Hierarquia, ritmo, respiro, contraste e imagens certas fazem o texto:
- parecer mais verdadeiro
- mais fácil
- mais confiável
Design não concorre com a copy — ele dá palco para ela performar melhor.
Toda escolha visual precisa empurrar o usuário para frente
Toda decisão deve responder:
“Isso ajuda o usuário a avançar no funil?”
- Se ajuda → é válida
- Se é neutra → provavelmente desnecessária
- Se atrapalha → está errada
Design bonito que trava leitura ou distrai não é design bom.
O design não compete, não reinventa e não interpreta a copy
O designer não cria nova narrativa.
Não ajusta tom, promessa ou intenção.
Não “traduz” a copy para sua visão pessoal.
O papel do designer é:
- Facilitar leitura
- Organizar entendimento
- Guiar o olhar
- Reduzir esforço cognitivo
Não é “dar sua visão”.
É fazer o texto funcionar melhor.
QUANDO USAR CRIATIVIDADE
Criatividade não é liberdade total
Criatividade existe dentro de um sistema.
Primeiro vem:
- Estrutura validada
- Referência aprovada
- Função clara da peça
Depois vem a criatividade — no acabamento, não na fundação.
Criatividade antes da estrutura gera risco
Quanto mais subjetiva a decisão:
- maior o retrabalho
- mais discussão improdutiva
- menos previsibilidade
Criatividade sem critério não escala.
Repetir o que funciona é maturidade
Em Direct Response, repetir é inteligência.
- Layout que já converteu reduz risco.
- Alterar layout sem motivo estratégico quebra previsibilidade.
Criar algo novo só porque é novo não é evolução.
COMUNICAÇÃO E PROCESSOS
Briefing não é sugestão, é contrato
O briefing define o que deve ser feito.
Não é ponto de partida para interpretação livre.
Se algo não está claro:
- a responsabilidade é perguntar ao responsável
- e nunca assumir
Calls existem para aprofundar, se necessário são totalmente apoiadas.
Processo protege o time
Fluxo claro evita:
- erro
- ruído
- retrabalho
Seguir processo protege qualidade e velocidade.
⚡ Sobre a GEX
Cultura
O design existe para amplificar a força da copy, facilitar a leitura, aumentar a confiança do usuário e reduzir atritos ao longo do funil. A estética faz parte desse processo quando torna a mensagem mais clara, mais crível e mais persuasiva.
Toda decisão visual deve responder a uma pergunta simples: isso ajuda o usuário a avançar no funil e comprar?
Design bonito que não orienta, organiza ou induz ação não cumpre sua função.
Quando a explicação escrita não for suficiente, uma call pode ser feita, desde que essa necessidade esteja prevista no briefing.
Questões profissionais relacionadas à equipe de design devem ser comunicadas diretamente ao líder responsável. Comunicação clara e rápida evita ruídos, acelera ajustes e protege tanto os resultados quanto as pessoas.
Valorizamos trabalho em equipe acima de interesses individuais. Isso implica buscar informações, tirar dúvidas, antecipar problemas e facilitar o trabalho dos colegas, porque o resultado é sempre coletivo.
Trabalhamos com prioridades claras, atenção aos detalhes e entregas completas. Erros não são escondidos: são comunicados rapidamente para correção antes de gerar impacto maior.
Esperamos postura ativa, senso de responsabilidade e compromisso com qualidade. Perfeição não é exigência, mas é a referência que orienta nossas decisões e nosso padrão de entrega.
NO DR, VOCÊ PRIORIZA A CONVERSÃO
Conversão é o objetivo. Estética é o meio.
O objetivo final é conversão, mas o caminho passa pela estética.
Design bonito gera:
- Mais confiança
- Mais permanência
- Mais fluidez de leitura
- Mais disposição para comprar
Estética tem valor quando induz a ação, não quando existe por si só.
Design amplifica a força da copy
A copy carrega a persuasão.
O design é o que faz a copy ser sentida, lida e absorvida.
Hierarquia, ritmo, respiro, contraste e imagens certas fazem o texto:
- parecer mais verdadeiro
- mais fácil
- mais confiável
Design não concorre com a copy — ele dá palco para ela performar melhor.
Toda escolha visual precisa empurrar o usuário para frente
Toda decisão deve responder:
“Isso ajuda o usuário a avançar no funil?”
- Se ajuda → é válida
- Se é neutra → provavelmente desnecessária
- Se atrapalha → está errada
Design bonito que trava leitura ou distrai não é design bom.
O design não compete, não reinventa e não interpreta a copy
O designer não cria nova narrativa.
Não ajusta tom, promessa ou intenção.
Não “traduz” a copy para sua visão pessoal.
O papel do designer é:
- Facilitar leitura
- Organizar entendimento
- Guiar o olhar
- Reduzir esforço cognitivo
Não é “dar sua visão”.
É fazer o texto funcionar melhor.
QUANDO USAR CRIATIVIDADE
Criatividade não é liberdade total
Criatividade existe dentro de um sistema.
Primeiro vem:
- Estrutura validada
- Referência aprovada
- Função clara da peça
Depois vem a criatividade — no acabamento, não na fundação.
Criatividade antes da estrutura gera risco
Quanto mais subjetiva a decisão:
- maior o retrabalho
- mais discussão improdutiva
- menos previsibilidade
Criatividade sem critério não escala.
Repetir o que funciona é maturidade
Em Direct Response, repetir é inteligência.
- Layout que já converteu reduz risco.
- Alterar layout sem motivo estratégico quebra previsibilidade.
Criar algo novo só porque é novo não é evolução.
COMUNICAÇÃO E PROCESSOS
Briefing não é sugestão, é contrato
O briefing define o que deve ser feito.
Não é ponto de partida para interpretação livre.
Se algo não está claro:
- a responsabilidade é perguntar ao responsável
- e nunca assumir
Calls existem para aprofundar, se necessário são totalmente apoiadas.
Processo protege o time
Fluxo claro evita:
- erro
- ruído
- retrabalho
Seguir processo protege qualidade e velocidade.
TIME, MENTALIDADE E POSTURA
Espírito de time acima de ego criativo
Fluxo claro evita:
- erro
- ruído
- retrabalho
Seguir processo protege qualidade e velocidade.
CUIDADOS
Precisamos sempre ter cuidado com:
- mínimos detalhes
- informações
- coerência visual
- consistência
OLHAR E LER ANTES DE ENTREGAR (nao só bate o done na task e pronto)
e também, sempre respeitar o coleguinha
Mentalidade de dono
Agir como dono significa:
- cuidar do trabalho como se fosse seu
- antecipar problemas
- assumir responsabilidade
Na prática:
- conferir antes de entregar
- resolver antes de escalar
- trazer solução junto do problema
- Checklist mental antes de dar OK
- o briefing foi seguido integralmente?
- a copy está correta, sem erros de digitação ou sentido?
- A página está sem nenhuma menção a produto errado?
- o layout facilita leitura e entendimento?
- há coerência visual com o restante do funil?
- hierarquias estão claras?
- nada está quebrado (links, versões, responsividade)?
- o material cumpre seu papel no funil?
- isso gera confiança para o usuário?
- isso ajuda ou atrapalha a conversão?
Se qualquer resposta for “não” ou “não sei”, não está pronto.
POSTURA E RESPONSABILIDADE
Assumir erros com responsabilidade
Erros acontecem.
O problema é:
- esconder
- justificar
- transferir culpa
Postura esperada:
- assumir rapidamente
- avisar o time
- trazer solução ou proposta de correção
Comunicação proativa
É obrigatório avisar antes quando:
- houver atraso
- surgir imprevisto
- algo sair do planejado
Nunca esperar o prazo estourar para comunicar.
Comunicação antecipada protege o time e o projeto.
Disponibilidade e comunicação acessível
Espera-se presença ativa nos canais oficiais:
- Gather
- Discord
Dificuldade de contato gera atraso, ruído e retrabalho.
Comunicação acessível faz parte da entrega.
Prazos reais e cumpridos
- Não prometer prazos irreais
- Priorizar prazos possíveis e sustentáveis
- Prazo combinado é compromisso
Se não der para cumprir, avise antes.
Se combinou, cumpra.
Humildade profissional
- ouvir feedback
- ajustar quando necessário (mesmo se forem infinitas vezes, entender o que está errando)
- aprender continuamente
Clareza de papéis e contatos
É responsabilidade de cada pessoa:
- saber com quem falar
- entender fluxos e responsáveis
Isso inclui clareza sobre:
- equipe interna
- afiliados
- aprovações
- responsáveis diretos
Criatividade aplicada
Espera-se iniciativa para propor melhorias.
Boa ideia é a que melhora:
- clareza
- eficiência
- conversão
- processo
⚙️ Processos Operacionais
O objetivo é reduzir ruído, padronizar execução e proteger conversão.
Aplicar a lógica errada no material errado gera perda direta de conversão.
TASK
PRESELL
"Presell é conteúdo disfarçado de página, não uma landing page tradicional."
Definição Operacional
Página de vendas cujo principal elemento de persuasão é o vídeo. O design existe para direcionar foco absoluto para o vídeo e reduzir distrações.
- O Design DEVE fazer
- Sustentar visualmente o texto
- Estilo editorial (artigo, blog, reportagem)
- Layout limpo, leve e orientado à leitura
- Hierarquia clara e bom espaçamento
- Guiar o olhar até o CTA final
- O Design NÃO DEVE fazer
- Usar elementos agressivos de venda
- Criar distrações visuais
- Competir com o texto
- Assumir protagonismo
TASK
VSL
"VSL é vídeo primeiro, design depois."
Definição Operacional
Presell é uma página que antecede a VSL. Ela não tem como objetivo vender diretamente. Seu papel é preparar o usuário emocional e cognitivamente.
- O Design DEVE fazer
- Manter o vídeo como centro da página
- Criar ambiente visual limpo
- Garantir consistência visual
- Estrutura típica: Hero com foco absoluto no vídeo
- O Design NÃO DEVE fazer
- Desviar atenção do vídeo
- Exagerar estímulos visuais
- Quebrar padrão sem motivo estratégico
- “Explicar” o que o vídeo já faz
TASK
TSL
"TSL é design a serviço do texto, nunca o contrário."
Definição Operacional
Página de vendas sem vídeo. Toda a persuasão acontece por meio do texto. O design conduz ritmo, pausas e escaneabilidade. É a edição visual do texto.
Diretrizes
- Criar escaneabilidade e guiar ritmo de leitura.
- Destacar pontos importantes com critério.
- Não alterar layout base validado sem motivo.
- Não usar estética que reduza confiança.
🔹 RIPAGEM
Replicação estrutural baseada em dados. Não é inspiração, é replicação.
- Copiar estrutura, ordem e espaçamentos.
- NÃO copiar Logos, Branding ou textos literais.
🔹 BACKREDIRECT
Interrupção estratégica para manter o usuário no funil.
Comunicação imediata. Clareza em poucos segundos. Sustentar copy de impacto.
🕹️ Fluxograma (Roadmap)
O que deve ser feito em cada etapa da task.
📕 Knowledge Base
Tutoriais e ferramentas essenciais.
- Tutoriais em Vídeo
Automação Freepik Space
Logue na conta da Freepik da GEX e acesse:
Space: Antes e Depois / Mockups / Foto de perfil
Duplique para fazer grandes mudanças.
Space: Gerar Imagens de Benefícios
Automação Freepik Space Antes e Depois
- Input: Suba a foto do frasco (fundo limpo).
- Geração: O sistema criará 3 pessoas segurando o frasco → Antes/Depois → Retratos.
- Foco: O objetivo aqui é realismo orgânico, não foto de estúdio.