Advogado de direito público — site institucional de uma página

Três frames, duas adaptações mobile — a peça institucional mais enxuta daqui.

Design de site institucional de uma página para um advogado de direito públicoDesign de site institucional de uma página para um advogado de direito público

Um site minimalista de uma página para um advogado de direito público, feito para comunicar senioridade do sócio e credenciais acadêmicas e captar pedidos de consulta. Desenhei o layout desktop responsivo e duas adaptações distintas de viewport mobile, definindo o espaçamento editorial e a estrutura de credibilidade. É o menor arquivo do lote, com três frames centrais, e o exemplo mais claro de trabalho institucional de uma página. Designer de UI único do site; identidade e build são de outras pessoas.

Função
Sole website UI designer
Período
set. de 2023 – set. de 2023
Stack
Figma
Evidência
  • No ar
  • Arquivo de design

O site no arO arquivo de design

Designer único de UI do site para a Pereira de Moraes Advocacia, banca jurídica especializada em Direito Administrativo, Constitucional e Eleitoral. Desenvolvi 3 layouts responsivos principais no Figma (arquivo 1ULmeElnpP2m2Azma9UJZL): uma landing page editorial para desktop (LP - Desktop) e duas versões de adaptação mobile (LP - Mobile e LP - Mobile versão 2), acompanhadas por um Style Guide com 32 nós estabelecendo escalas tipográficas, paleta de alto contraste e diretrizes destacando a senioridade do sócio titular (Mestre pela UFSC e presidente de comissão da OAB-SC).

Atuação como funcionário na agência Sagitta de 18 de setembro de 2023 a 27 de setembro de 2023. Juan atuou como designer único de UI do site na equipe da agência: Kelvin Bezerra concebeu a identidade visual e o logotipo, Juan desenhou a landing page institucional responsiva no Figma, e um desenvolvedor no-code implementou e publicou o site no WordPress. Escopo levantado por Ramon.

Design de landing page jurídica minimalista para o Direito Público

3
variações de layout responsivo desenhadas (Desktop + 2 versões Mobile)
32
tokens, escalas tipográficas e diretrizes no Style Guide
124 KB
de HTML em produção verificado em pereirademoraes.com.br
10 dias
do início do layout à entrega final para implementação

A advocacia especializada em Direito Administrativo, Constitucional e Eleitoral atende a um perfil específico de clientes: agentes públicos, fornecedores em licitações governamentais, candidatos políticos e órgãos de classe. Nesses segmentos, portais extensos com textos genéricos de marketing não geram tração. Decisores públicos exigem clareza imediata sobre a formação acadêmica do advogado, sua atuação institucional e a linha estratégica da banca.

Posicionamento da senioridade do sócio e áreas de atuação

A estrutura em página única foi desenhada com hierarquia editorial sóbria:

  • Seção Hero — Mensagem direta de compromisso com a excelência jurídica, acompanhada de foto corporativa transmitindo segurança e proximidade.
  • Credenciais Acadêmicas e Institucionais — Destaque para o título de Mestre em Direito pela UFSC (Universidade Federal de Santa Catarina) e a atuação na presidência de comissão da OAB-SC.
  • Pilares de Atuação no Direito Público — Apresentação clara de três áreas: Direito Administrativo (licitações, processos disciplinares e compliance público), Direito Constitucional (ações diretas e mandados de segurança) e Direito Eleitoral (registro de candidaturas, prestação de contas e contencioso eleitoral).
  • Duas Alternativas Mobile — Desenvolvimento de duas versões mobile (LP - Mobile e LP - Mobile versão 2) para testar diferentes hierarquias de cabeçalho e posicionamento de botão de contato.
Juan classifica este projeto como Tier B: o site no ar em pereirademoraes.com.br responde HTTP 200 com 124 KB, comprovando que a landing page foi ao ar em produção. No entanto, o desenvolvedor no-code gerou inconsistências de espaçamento e tipografia no WordPress. Cite o domínio como prova de publicação; veja o Figma para conferir o design autêntico.

Style guide e escala tipográfica institucional

A página de Style Guide com 32 nós (nó 1:16) documentou o logotipo criado por Kelvin Bezerra, tokens de alto contraste em azul marinho e off-white, tipografia clássica com serifa para títulos e diretrizes de redação institucional validadas com o cliente.

O que este projeto é e o que não é

  • Não é criação de marca ou logotipo. Kelvin Bezerra desenhou o logotipo e a identidade visual da banca.
  • Não é programação em WordPress. O desenvolvimento da página no CMS foi executado por um desenvolvedor no-code.
  • Não é consultoria jurídica. Criei o design visual e a hierarquia da página, não as peças processuais.
  • Não é pesquisa ou discovery. Os parâmetros foram alinhados por Ramon.
  • Não possui métricas de conversão comercial. Nenhum dado de consultas agendadas consta nos registros.

A eficiência de landing pages institucionais objetivas

A Pereira de Moraes Advocacia demonstra como uma landing page em página única pode ser eficaz para bancas jurídicas altamente especializadas. Ao destacar a senioridade acadêmica do titular e delimitar áreas de atuação no Direito Público, o projeto forneceu um canal digital institucional preciso e sóbrio.

Evidência

A landing page foi implementada e publicada em produção: pereirademoraes.com.br respondeu com HTTP 200 (124.883 B e 119 menções ao nome do cliente) em auditoria de 21/08/2026. Juan classifica o build no ar como Tier B: a presença do site comprova a entrega comercial, mas a montagem em WordPress pelo desenvolvedor no-code gerou inconsistências visuais em relação ao design entregue. O arquivo Figma é a referência autêntica do design. Não existem métricas de agendamento de consultas. Este estudo de caso documenta o design de landing pages jurídicas minimalistas, posicionamento de autoridade e variações mobile.