LegalTech platform
Full-stack work on Allaw: building case management, contributing to multi-office pages and improving public-facing journeys, with a focus on UX and reusable components.
Overview
The problemLegal professionals need to manage cases, appointments and sometimes multiple locations, while clients need a clear public-facing journey.
The solutionBuilt a case-management module linked to the calendar, helped design pages for multi-office structures and created a shared UI component library for the interfaces.
A starting point for exploring legal professionals, their services and public information.
1 / 4: Find a legal professional. Previous step / Next step
Documented application structure: Next.js interfaces, Node.js APIs and MongoDB data serving public and professional workflows.
Next.js / React
Public experiences and practice administrationNode.js
Case, organisation and appointment operationsMongoDB
Persistence of business informationNo existing module: data needs, administration screens and the client experience all had to be defined.
Designed the module end to end, adding responsive interfaces and components consistent with the design system.
Client cases could not remain disconnected from appointments already managed in the calendar.
Linked cases and appointments, connecting case follow-up with scheduling.
A firm may run several offices, and a professional may work across multiple locations.
Designed a shared representation of offices and professionals for the office pages and their map.
The person creating a page is not necessarily authorised to manage everything in the organisation.
Factored invitations and role-based permissions into the design of access to office administration.
Main technical stack
A module built from scratch, with practice interfaces and the ability to link cases to appointments.
Public pages designed to display offices, maps and teams, with office-editing access requirements.
An NPM component package expanded over time and available to other frontend developers.