Sistema digital + área de cliente
Gabinete Mira
Um jornal nórdico que se comporta como uma firma jurídica séria.
O briefing
Um gabinete jurídico boutique queria deixar de parecer uma firma de 1995. O resultado: identidade editorial, área privada para clientes e um sistema de marcação integrado — sem painéis admin externos.
Projeto fictício, construído com o processo real do estúdio. Os números abaixo são objetivos de engenharia, não resultados medidos de um cliente.
O ponto de partida
O gabinete tinha clientes de topo e um site que os envergonhava — teal, stock photos de apertos de mão, um formulário de contacto que ninguém lia. A reputação dizia uma coisa; a presença digital dizia outra.
A direcção: parecer um jornal nórdico, comportar-se como uma firma jurídica séria. Sem stock photos, sem "vamos crescer juntos", sem teal.
A abordagem
A identidade veio primeiro — serifa editorial, grelha rígida, fotografia própria do gabinete. Depois construímos o que distingue o projecto: uma área de cliente real.
Autenticação por email, documentos cifrados em repouso, calendário partilhado com o gabinete. Tudo em Next + Supabase, com RLS por advogado — sem painéis admin de terceiros, sem dados a sair do perímetro.
O resultado
O telefone do gabinete toca menos — e isso é a vitória. Os clientes marcam, consultam documentos e acompanham processos sozinhos, a qualquer hora.
Antes / depois
Antes e depois.
O site institucional de 1995, antes — e a área de cliente cifrada, depois.
momento
A área de cliente, do zero
Autenticação por email, documentos cifrados em repouso, calendário partilhado. RLS por advogado — cada cliente vê apenas o seu processo, e nada mais.
Momentos
Mais perto do projeto.
As peças do conjunto
Stack.
- 01
Next.js 14 + Supabase
Edge auth, RLS por advogado.
- 02
Resend + React Email
Templates em React, anexos cifrados.
- 03
Stripe Tax
Facturas pré-validadas para a AT.
- 04
Linear
Sync de tarefas internas com os clientes.
Objetivos de referência
Para o que é construído.
0s0s - Tempo até primeira pintura
00 - Lighthouse — Performance
00 - Lighthouse — Acessibilidade
00 - Lighthouse — Boas práticas