29 / CASE VEDDU · Advocacia trabalhista e cível
Site para advogado trabalhista: Bernardino Sequeira
O site do escritório Bernardino Sequeira (Sequeira Advogados Associados), de advocacia trabalhista em São Paulo, em que a Calculadora Trabalhista faz a triagem do primeiro atendimento.
Role a página: a home do escritório passa inteira, do topo ao rodapé, no desktop e no celular.
Contexto
do projeto
Resposta direta
Vale a pena ter calculadora trabalhista no site do escritório
Vale a pena quando a calculadora reúne os fatos do caso em vez de exibir um valor. O que o trabalhador tem a receber depende de datas, horas trabalhadas, salário e documentos, e um número automático vira expectativa antes que um advogado olhe a situação. Uma calculadora sem valor na tela também fica longe da promessa de resultado, vedada pelo Provimento 205/2021 da OAB.
- Contexto
- O escritório nasceu atendendo trabalhadores e, com o tempo, passou a cuidar também de causas cíveis, de família e do consumidor. Quem desconfia que a empresa lhe deve algo busca “advogado trabalhista” e compara os escritórios que aparecem antes de ligar. O site precisava dar ao direito do trabalho um caminho próprio sem apagar as outras áreas.
- Desafio
- Fazer o trabalhador contar o próprio caso a qualquer hora, sem ninguém do escritório do lado, com detalhe suficiente para a equipe avaliar se há o que pedir.
- Decisão
- Dar à Calculadora Trabalhista lugar no menu principal, entre Serviços e Blog, e montá-la como roteiro: contrato e saída, horário e hora extra, assédio e FGTS, e por fim a dúvida em texto livre.
Quatro telas do site e a decisão por trás de cada uma.
Capturas de leandrosequeira.com.br feitas em outubro de 2026, no desktop e no celular, da calculadora ao artigo do blog. Use o índice para ir direto a uma tela ou siga na ordem.
Calculadora trabalhista
O formulário pergunta o que o trabalhador quer fazer com o caso.
São 14 perguntas numeradas em seis etapas. Na quinta, o formulário quer saber se a pessoa prefere ser desligada sem perder direitos, continuar trabalhando ou fazer um acordo. A pergunta do FGTS aceita “Não Sei”, e quem nunca conferiu o extrato responde sem precisar dele. No celular, a etapa vira uma coluna só, com os campos de data em largura total e os botões Voltar e Próximo logo abaixo.
Sobre o escritório
A página Sobre mostra quem cuida de cada fase do processo.
Depois da trajetória, a página apresenta o escritório por equipes: atendimento, elaboração das ações, audiências e pós-atendimento. O cartão do atendimento diz que a equipe explica cada passo do pedido e do processo, uma dúvida comum de quem contrata advogado pela primeira vez. O do pós-atendimento responde a outro receio, o de ficar sem notícia durante o processo e depois que ele termina.
Blog
Os títulos do blog trazem a dúvida como o trabalhador a faria.
Os títulos partem da situação de quem procura, às vezes em pergunta, como “O patrão pode obrigar a vender os 10 dias?”, às vezes em primeira pessoa, como “Adoeci Trabalhando”. No cartão, o título vem em negrito numa caixa branca que avança sobre a foto em preto e branco. No celular, cada cartão ocupa a largura da tela, um embaixo do outro.
Artigo
O artigo responde primeiro e mostra a base legal logo depois.
À pergunta “A falta de depósito do FGTS dá direito à Rescisão Indireta?”, o artigo responde na linha seguinte, cita o entendimento do TST e o artigo 483, alínea d, da CLT, e lista em tópicos as verbas em jogo. Os depósitos atrasados e a multa de 40% sobre o FGTS vêm em negrito, e a barra lateral leva aos artigos mais recentes, com data. No celular, a mesma sequência cabe numa tela só.
Como a Veddu constrói um site de advocacia que organiza a chegada de cada caso.
Mapa de páginas · sitemap publicado
- 6
- páginas de área em /servico/
- 11
- artigos, cada um com endereço na raiz do domínio
- 5
- páginas institucionais: Home, Sobre, Serviços, Blog e Contato
- Trabalhista
- Civil
- Família
- Direito do Consumidor
- Direito imobiliário
- Empresarial
Contagem pelos sitemaps publicados, sem as páginas de demonstração do tema e sem o post de endereço genérico reaproveitado dele.
As camadas abaixo estão no site publicado e podem ser conferidas nele hoje. Cada etapa acende, ao lado, o bastidor dela neste projeto.
- 01
Páginas separadas pelo que respondem
Cada página responde a uma pergunta: quem é o escritório e como falar com ele, em que áreas atua, que dúvida o artigo esclarece. Cada área e cada artigo têm endereço próprio e legível, que pode aparecer sozinho num resultado do Google.
Mapa de páginas · sitemap publicado
- 6
- páginas de área em /servico/
- 11
- artigos, cada um com endereço na raiz do domínio
- 5
- páginas institucionais: Home, Sobre, Serviços, Blog e Contato
Áreas com página própria- Trabalhista
- Civil
- Família
- Direito do Consumidor
- Direito imobiliário
- Empresarial
Contagem pelos sitemaps publicados, sem as páginas de demonstração do tema e sem o post de endereço genérico reaproveitado dele.
- 02
Azul-marinho, bege e duas fontes em todas as páginas
As cores do logo se repetem em títulos, botões e rodapé, cada uma em dois tons. A Roboto fica com os títulos de seção e os textos, e a Poppins com menu, botões, chamadas acima dos títulos e títulos de cartão.
Sistema visual · medido no site publicado
- Azul-marinho
- #022B6A · títulos de seção e botões Saiba Mais
- Azul do rodapé
- #002153 · títulos do rodapé
- Bege
- #DFC0A4 · botão Próximo e item ativo do menu
- Bege escuro
- #C6AB93 · botão Fale Conosco
- Texto
- #41496B · corpo dos artigos em 16 px
- Roboto
- títulos de seção, de 40 a 55 px, e textos
- Poppins
- menu, botões, chamadas e títulos de cartão
Cores e fontes lidas no estilo calculado das páginas publicadas.
- 03
Um contato à vista em cada ponto da leitura
Quem está no meio de um artigo ou de uma área de atuação não precisa voltar ao topo para pedir ajuda. O botão de WhatsApp acompanha a rolagem, e toda página termina na mesma faixa de convite, com o botão Fale Conosco e, logo abaixo, o horário de atendimento.
- 01Leitura de um artigo, de uma área ou do Sobre
- 02WhatsApp fixo no canto durante a rolagem
- 03Faixa azul-marinho de convite no fim da página
- 04Botão Fale Conosco abre a página Contato
- Todas
- as páginas conferidas têm o WhatsApp e terminam na faixa de convite
- 8h às 19h
- atendimento de segunda a sexta, informado no rodapé
Conferido no HTML publicado da home, do Sobre e de cada post.
- 04
Perguntas que só aparecem quando cabem
Dez campos do formulário ficam escondidos até que uma resposta peça detalhe. O motivo da saída só aparece para quem marca que não trabalha mais na empresa, e cada motivo abre o campo dele: data do desligamento para quem foi demitido, espaço para explicar o pedido de demissão. Quem continua empregado nem chega a ver essas perguntas.
1<div data-field="campo_trabalho_2" data-conditional='[{2 "type":"show", "field":"campo_trabalho",3 "operator":"equal", "value":"2", "set_value":""}]'>4 <span>Motivo:</span>5 <input type="radio" name="campo_trabalho_2" value="1"> demitido COM justa causa6 <input type="radio" name="campo_trabalho_2" value="2"> demitido SEM justa causa7 <input type="radio" name="campo_trabalho_2" value="3"> Pediu demissão8</div>9<div data-field="campo_comjc" data-conditional='[{10 "type":"show", "field":"campo_trabalho_2",11 "operator":"equal", "value":"1", "set_value":""}]'>12 <span>Data do desligamento</span>13 <input required="required" name="campo_comjc" type="date">14</div>Trecho contínuo do HTML publicado, reformatado: sem classes e atributos repetidos, com as aspas decodificadas. A regra fica no data-conditional.
- 05
Artigos para as situações que o formulário levanta
Mais da metade das perguntas do formulário tem um artigo no blog que explica o direito por trás da resposta. A pauta passa também por outras áreas do escritório, como cobrança excessiva de dívidas, do lado do consumidor, e terceirização de serviços, do lado da empresa.
Perguntas do formulário e artigos do blog
- 2, 9, 11 e 13 · banheiro, assédio, FGTS e saída
- Empresa não deposita FGTS ou humilha funcionário, nas partes de dano moral e de rescisão indireta
- 3 · 1 hora de almoço
- Dúvidas trabalhistas mais comuns, na resposta sobre o intervalo
- 7 · outra atividade além da contratada
- Faço o trabalho do chefe, mas ganho menos?
- 8 · vale-transporte
- Trabalho remoto e híbrido, na regra do vale-transporte proporcional aos dias de deslocamento
- 14 · forma de contratação
- Direitos nas plataformas digitais, na parte sobre reconhecimento de vínculo de emprego
Perguntas do formulário publicado ao lado dos textos que tratam do mesmo assunto.
Antes do layout, a Veddu entende como seu escritório atende.
Na conversa de diagnóstico, a Veddu levanta as áreas em que você quer crescer, por onde os clientes chegam hoje e o que eles perguntam antes de contratar, e desenha, a partir disso, as páginas e os artigos do seu site.