BrasilIniciar projeto ↗︎

Valéria Lauande

Site de um escritório de advocacia: nove áreas em três frentes, um só ponto de contato.

Case 10 / 13Valéria Lauande Advogados · Advocacia full service · 2026
Assinatura Valéria Lauande Advogados

(Sobre o projeto)

Site de um escritório de advocacia: nove áreas em três frentes, um só ponto de contato.

A Valéria Lauande Advogados atua do consultivo ao contencioso em nove áreas, do Direito Médico ao Societário. O site antigo listava tudo no mesmo peso; quem chegava precisava descobrir sozinho por onde começar.

A arquitetura organiza as nove áreas em três frentes (Saúde e Responsabilidade, Empresa e Negócios, Pessoas e Patrimônio) e dá a cada uma uma página com o que o escritório entrega. A home ficou enxuta, alternando seções claras e verdes, e o institucional foi para Sobre.

A interface usa a marca do escritório (verde, lima e creme) com Newsreader nos títulos e Manrope no texto. O blog orienta decisões, e o escritório publica sozinho por uma área administrativa protegida. As fotos do site ainda são de banco, provisórias até a sessão do escritório.

Cliente
Valéria Lauande Advogados
Setor
Advocacia full service
Local
São Luís, MA
Ano
2026
Serviços
UX/UI · Arquitetura de informação · Design do site · Sistema de interface · Blog
Studio
Heffer Branding Studio

01 Arquitetura

Nove áreas, três frentes, um só ponto de contato.

Antes de desenhar telas, as áreas foram agrupadas pelo que o cliente vive: saúde e responsabilidade, empresa e negócios, pessoas e patrimônio. Cada frente leva às suas áreas, e cada área diz o que o escritório faz por ela.

Página de áreas de atuação: Cada frente da sua vida e do seu negócio, sob um único cuidado jurídico
Áreas de atuação no celular
Áreas de atuação · mapa das três frentes

02 Sistema da interface

Verde para decidir, lima para agir.

As seções se alternam entre o claro e o verde do escritório, e o lima aparece só nas chamadas. Newsreader dá aos títulos o peso de um texto jurídico bem escrito; Manrope deixa o resto leve de ler.

Sistema da interface Valéria Lauande: Newsreader, Manrope e a paleta do escritório
Newsreader · Manrope · paleta do escritório

03 Páginas

Uma home enxuta, o resto no lugar certo.

A home vai direto ao ponto: o problema, as frentes, o método em três etapas e o blog. Sobre conta o escritório e a equipe; Contato traz mapa e formulário com a área já escolhida. As fotos de pessoas são de banco, provisórias.

Abertura do site Valéria Lauande Advogados
Abertura do site no celular
Início · computador e celular · fotos de banco
Seção Você não precisa de mais um parecer, com os diferenciais em lista
Por que a VL · lista que abre no clique
Método em três etapas: do diagnóstico à decisão
Método · abas com foto em transição
Blog do escritório: Conteúdo que orienta decisões
Blog · publicado pelo próprio escritório
Página Sobre: Construído sobre técnica. Movido a resultado
Sobre · escritório e equipe
Página de contato com mapa e formulário
Contato no celular
Contato · mapa e formulário por área
(Próximo case) 11

Diverno

Site da gelateria de São Luís: cardápio, seis lojas e pedido pelo iFood a um toque.

Ver case ↗︎