Escritório de advocacia multidisciplinar — design do site
Cinco áreas de atuação e 82 nós — o maior de quinze sites de escritório.
Uma presença digital completa para um escritório consolidado: cinco subpáginas por área de atuação, perfis dos sócios, a narrativa institucional e contato. São 82 nós entre desktop e mobile, com dois componentes de navegação distintos — uma navbar de hero e outra para o resto do site — além de variações de banner interativo e estados temporizados no hero. É o maior dos quinze sites de escritório que desenhei aqui. Designer de UI único do site; a identidade é de outro designer e um desenvolvedor no-code subiu o build.
- Função
- Sole website UI designer
- Período
- set. de 2023 – nov. de 2023
- Stack
- Figma
- Evidência
- No ar
- Arquivo de design
Designer único de UI do site para a Messias & Almada, escritório de advocacia multidisciplinar. Desenvolvi 82 nós na página principal de Design abrangendo cinco áreas de atuação especializadas (Direito da Saúde, Família & Sucessões, Direito Penal, Direito Civil, Leilão de Imóveis), perfis dos sócios (Equipe / Acompanhamento sócios), narrativa institucional e estados de Hero com barras de navegação contextuais (NavBar do Hero vs NavBar do restante do site), sustentados por um Style Guide com 38 nós no Figma (arquivo QbkG2JXoTQZyDKls9SwQo6).
Atuação como funcionário na agência Sagitta de 13 de setembro de 2023 a 21 de novembro 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 projetou o portal jurídico responsivo no Figma, e um desenvolvedor no-code implementou e publicou o site no CMS WordPress. Escopo definido por Ramon.
Arquitetura de informação para um escritório de advocacia multidisciplinar
- 82
- nós na página principal de Design
- 5
- áreas de atuação jurídica estruturadas
- 38
- tokens e componentes interativos no Style Guide
- 92 KB
- de HTML em produção verificado em messias.adv.br com CNPJ
Websites jurídicos corporativos operam sob rígidos padrões éticos e normativos (incluindo as diretrizes da OAB, que vedam apelos comerciais agressivos). Clientes de alto patrimônio e diretores jurídicos corporativos buscam profundidade técnica, autoridade acadêmica e clareza sobre quem são os sócios responsáveis por cada causa. A Messias & Almada necessitava de um portal capaz de apresentar cinco áreas de atuação distintas sem fragmentar a imagem institucional sólida da banca.
Cinco áreas de atuação estruturadas em 82 nós
Em vez de resumir os serviços a uma lista genérica de tópicos, projetei páginas e seções aprofundadas na prancheta de Design (nó 1:15):
- Direito da Saúde — Foco em litígios contra planos de saúde, negativas de cobertura, liminares para remédios de alto custo e erro médico.
- Família e Sucessões — Tratamento reservado para planejamento sucessório, inventários judiciais e extrajudiciais, divórcios e guarda.
- Direito Penal — Defesa em crimes empresariais, crimes contra a ordem tributária e atuação em inquéritos policiais.
- Direito Civil — Ações de inadimplemento contratual, responsabilidade civil e contencioso estratégico.
- Leilão de Imóveis — Assessoria na análise de riscos jurídicos para arrematação e regularização de imóveis em leilão.
- Perfis da Equipe (Equipe) — Apresentação dos sócios com currículo acadêmico, especializações, artigos publicados e canal direto para consulta.
- Navegação Dupla Contextual — Barra de navegação transparente integrada à foto editorial do Hero (NavBar do Hero), que transiciona suavemente para uma barra fixa de alto contraste na rolagem (NavBar do restante do site).
Juan classifica este projeto como Tier B: o site no ar em messias.adv.br (HTTP 200 com CNPJ comprovado) atesta a publicação em produção, mas o desenvolvedor no-code introduziu desvios visuais durante a montagem no WordPress. O domínio comprova que foi ao ar; o Figma comprova a qualidade do design original.
Style guide e elementos visuais de confiança
A página de Style Guide com 38 nós (nó 1:16) definiu uma paleta sóbria em azul corporativo e tons dourados, tipografia com serifas equilibradas para títulos, campos de formulário com caixas de consentimento LGPD e conjuntos de banners informativos.
O que este projeto é e o que não é
- Não é criação de logotipo ou identidade visual. Kelvin Bezerra concebeu o logotipo e os elementos gráficos da marca.
- Não é programação em WordPress. O desenvolvimento do site no CMS foi executado por um desenvolvedor no-code.
- Não é consultoria jurídica. Desenvolvi o design da interface e a arquitetura de conteúdo, não o texto das teses jurídicas.
- Não é discovery ou pesquisa com usuários. Os requisitos foram alinhados por Ramon.
- Não possui métricas de conversão. Nenhum número sobre consultas agendadas ou clientes captados foi retido.
A sobriedade de um portal jurídico especializado
A Messias & Almada demonstra como escritórios de advocacia podem projetar autoridade em diversas verticais do Direito sem perder a coesão. Ao estruturar páginas dedicadas por área, navegação contextual inteligente e foco na experiência dos sócios, o projeto entregou um portal condizente com a seriedade da prática jurídica.
Evidência
O site foi implementado e publicado em produção: messias.adv.br respondeu com HTTP 200 (92.654 B) com o CNPJ do cliente exibido no rodapé. Juan classifica o build publicado como Tier B: comprova que o design foi ao ar, mas apresenta desvios visuais introduzidos na montagem pelo desenvolvedor no-code. O arquivo Figma é a referência autêntica do design. Não existem métricas de conversão de clientes. Este estudo de caso documenta a arquitetura de informação jurídica, tipografia de alta credibilidade e navegação contextual.