Pular para o conteúdo
Nicolas PaixãoDesign e desenvolvimento de sites
Falar no WhatsApp (abre em nova aba)

Brandão & Teles

advocacia · Aracaju · 2026

Projeto de demonstração: empresa fictícia criada por mim pra mostrar meu trabalho.

Primeira tela do site Brandão & Teles
  1. 0:00O mergulho no &
  2. 0:07Áreas como sumário
  3. 0:15A balança e o regimento
  4. 0:22Quem assina o seu caso
  5. 0:31Conte o seu caso, com calma

O que o cliente ganha

  1. Sobriedade e confiança, sem os clichês de escritório de advocacia.
  2. As áreas de atuação explicadas como um sumário, fácil de percorrer.
  3. Segue as regras da OAB: sem preço, sem promessa de resultado e sem números de vitórias.

Como foi feito

Decisões

  • A abertura mergulha no “&”: o contorno real da letra, extraído da fonte, é preenchido com a foto de uma biblioteca. Ao rolar, a câmera entra pelo miolo do traço até a foto tomar a tela.
  • As áreas de atuação viram um sumário de livro (“Título I…”), com pontilhado até o sócio responsável. No computador a foto da área segue o cursor, e no toque ela vira miniatura na linha.
  • O atendimento é escrito como um regimento (“Art. 1º”, “Parágrafo único”), com um numeral gigante que vira de 1º a 4º no computador.
  • O formulário é uma petição: uma frase com lacunas pra completar. Ao enviar, o nome da pessoa é “assinado” na tela. É demonstração, nada é enviado.
  • O texto segue o Provimento 205/2021 da OAB: sem preço, sem promessa de resultado, sem captação e sem números de vitórias.

No caminho: o que mudou e o que ficou imperfeito

  • A primeira versão foi reprovada: parecia um “template com a paleta certa”. A segunda foi recomposta como um livro jurídico fino.

Pilha

  • Next 16
  • GSAP 3.15
  • Lenis
  • fontTools

Conferido em

  • Computador (1440 e 1280 px) e celular (375 px).
  • Formulário testado.
Falar no WhatsApp (abre em nova aba)