Back to projects
Public homepage inviting clients to describe their legal situation
Public homepage — an approachable entry point built around everyday language.

Project context


Belgian legal work involves consultations, proceedings, hearings, written opinions, submissions, decisions, documents, fees, payments and legal aid. These activities are closely connected, but they are not viewed or handled in the same way by everyone involved.

I used the legal matter as the central organising unit. Conversations, dates, documents, financial actions and professional work all connect back to it, while permissions determine what each person can see and do.

Guided legal intake organised by everyday life situations
Guided intake — legal classification stays behind a familiar, progressive interface.

Selected design decisions


One matter, several views

I structured the product around a shared legal matter, then adapted its information and actions to each role and permission level.

Plain language first

The intake starts with a life situation or a description in the client’s own words, rather than requiring legal terminology.

Visible next steps

Statuses, deadlines and pending actions make long legal processes easier to scan without flattening their complexity.

Scoped collaboration

Delegation is attached to a specific opinion, hearing or submission, preserving both confidentiality and traceability.

Client matter list with filters, statuses and pending actions
Matter overview — compact statuses show what is happening and what needs attention.
Client calendar combining consultations and court hearings
Scheduling — consultations and hearings share one view, connected to availability rules and calendar constraints.
Lawyer missions showing delegated and collaborative work
Lawyer missions — delegated work remains scoped to a specific task and traceable to its matter.
Chronological matter feed combining messages, documents and legal events
Matter activity — messages, documents, events and approvals form one permission-aware chronology.

Technical approach


Product interface

Vue 3, TypeScript, Pinia, PrimeVue, Vue I18n, FullCalendar and Socket.IO.

Application architecture

Node.js, Express, PostgreSQL, Drizzle and shared domain rules used by the frontend and backend.

Security & reliability

Matter-level access control, runtime validation, MFA flows, file validation, antivirus scanning, monitoring and automated tests.

Legal workflows

Structured states, scheduling rules, real-time updates and generated documents support matters as they progress over time.

Public partnership page for lawyers
Lawyer-facing landing page — the same visual system, with a denser professional message.
Work with me