Escritório de direito de família — site e portal editorial
Nove templates de página, incluindo hub de podcast e blog, em desktop e mobile.
Uma presença digital de várias páginas para um escritório especializado em direito de família: páginas por área, narrativa institucional, aparições na mídia, um hub de podcast e templates de blog. Desenhei todos os layouts desktop e mobile — início, quem somos, divórcio, guarda, o que fazemos, contato, notícias, podcast e blog — definindo a hierarquia tipográfica, os componentes de navegação próprios e os padrões de card por área, sobre uma página de design com 19 frames e um style guide com 24. Designer de UI único do site; identidade e build são de outras pessoas.
- Função
- Sole website UI designer
- Período
- jan. de 2024 – fev. de 2024
- Stack
- Figma
- Evidência
- No ar
- Arquivo de design
Designer único de UI do site para a PHR Advogados, banca de advocacia especializada em Direito de Família e Sucessões. Desenvolvi 19 nós de layout responsivo no Figma (arquivo BHcRPjnGD2AzDId9LBd3Y7) abrangendo páginas institucionais (Início, Quem somos, Contato), verticais especializadas de atendimento (Divórcio, Guarda, O que fazemos), blog editorial de autoridade jurídica (Blog #14) e central de mídia (Notícias e PHR Podcast), com suporte de um Style Guide com 24 nós estabelecendo paleta de cores (azul ardósia #477891 e tons neutros acolhedores), escalas tipográficas e navegação responsiva.
Atuação na agência Sagitta de 5 de janeiro de 2024 a 15 de fevereiro de 2024. Juan atuou como designer único de UI do site na equipe da agência: Kelvin Bezerra criou a identidade visual e o logotipo da banca, Juan desenhou todo o portal responsivo no Figma, e um desenvolvedor no-code implementou e publicou o site no CMS WordPress. Escopo alinhado por Ramon.
UX para advocacia humanizada: acolhimento e autoridade no Direito de Família
- 19
- nós de layout responsivo na página principal de Design
- Tier A
- de fidelidade entre o arquivo Figma e o site publicado
- 24
- tokens e especificações técnicas no Style Guide
- 118 KB
- de HTML verificado em produção em phradvogados.com.br
O Direito de Família e Sucessões lida com momentos delicados da vida humana: divórcios litigiosos, guarda de filhos e partilha de heranças. Pessoas que procuram um advogado nessas circunstâncias estão frequentemente sob forte estresse emocional. O design da PHR Advogados demandava equilibrar empatia e acolhimento com rigor técnico inegociável, substituindo o jargão frio dos tribunais por uma experiência digital clara e acolhedora.
Autoridade editorial: central de podcast e imprensa
Diferente de escritórios tradicionais focados apenas em páginas estáticas, a PHR Advogados produz ativamente conteúdo educativo para desmistificar o Direito. Na prancheta de Design (nó 1:15), estruturei espaços dedicados para valorizar essa produção de conteúdo:
- Central PHR Podcast — Página dedicada para episódios do podcast do escritório, com resumos temáticos e links diretos para plataformas de áudio.
- Clipping e Imprensa (Notícias) — Área destacando aparições em jornais, entrevistas e artigos na grande mídia, consolidando autoridade pública.
- Verticais Especializadas (Divórcio e Guarda) — Páginas explicando com clareza as diferenças entre divórcio em cartório e judicial, regimes de guarda e pensão alimentícia.
- Blog Jurídico Editorial (Blog #14) — Templates tipográficos desenvolvidos para leitura confortável de artigos e esclarecimento de dúvidas frequentes.
- Agendamento de Contato Discreto (Contato e Telas Mobile) — Formulários simples e botão de WhatsApp para atendimento direto e confidencial.
Juan classifica este projeto como Tier A: o site no ar em phradvogados.com.br (HTTP 200 com 118 KB) preserva com precisão a tipografia, os cards informativos e a estrutura visual entregue no Figma. É um dos casos de maior fidelidade de implementação de todo o lote da agência.
Tokens visuais no Style Guide
A página de Style Guide com 24 nós (nó 1:16) definiu a identidade visual do site: tom principal em azul ardósia (#477891), fundos em tons neutros quentes, contrastes acessíveis para leitura prolongada e escalas tipográficas elegantes alinhadas à marca criada por Kelvin Bezerra.
O que este projeto é e o que não é
- Não é criação de marca ou logotipo. Kelvin Bezerra criou o logotipo e a identidade visual da PHR Advogados.
- Não é implementação em WordPress. O site foi montado no CMS por um desenvolvedor no-code.
- Não é produção do podcast ou redação de artigos. Criei o design das interfaces e dos players, não o conteúdo em áudio ou texto.
- Não é pesquisa ou discovery. O escopo foi estruturado por Ramon.
- Não possui métricas de captação de clientes. Nenhum dado de consultas realizadas ou tráfego foi retido no registro do portfólio.
O impacto do design com foco em conteúdo editorial
A PHR Advogados comprova como uma banca especializada pode aliar sensibilidade e autoridade técnica para conquistar a confiança de seus clientes. Ao reunir podcast, notícias e guias práticos em um layout fluido e acolhedor, o projeto estabeleceu uma presença digital marcante no segmento do Direito de Família.
Evidência
O site foi implementado e publicado em produção, permanecendo no ar até hoje em phradvogados.com.br (HTTP 200, 118.089 B verificado em 21/08/2026). Juan classifica este projeto como Tier A: o site publicado preserva grande fidelidade com o design entregue no Figma, com apenas ajustes pontuais de montagem em CMS. Não existem métricas de agendamento de consultas ou tráfego. Este estudo de caso documenta o design para bancas especializadas, centrais de mídia editorial e UX para temas sensíveis de família.