A web-based tool designed to support in-house legal professionals in drafting and managing contracts more efficiently. The platform aims to reduce time spent on contract preparation, minimize human error, and provide seamless access to legal documents with flexible data customization that allows users to adjust and filter the information they need with ease.
![[interface] screenshot of core features (for an ai developer tools)](https://cdn.prod.website-files.com/698bdb87bbdb713fbc2e8655/6a0a9f5cf7d1f0234b8ce1f7_cebc2c8986498b749a246b26a3d7b1ad_LegalCover.png)
Web Application
Figma · User Research · AI Functions
3 months (Nov'23-Jan'24)
UX/UI Designer
2 UX, 1 UX Researcher and 1 PO
AXONS / In-house legal team
Legal staff switched between CMS, SharePoint, Microsoft Word, email, and printed documents just to complete one contract — with no automation or AI support at any step.
Requesters frequently submitted the wrong contract type or missing information, forcing the team to deny and restart — often losing multiple days per case.
The approver manually allocated work with no tracking system. Neither legal staff nor requesters had clear visibility into where a contract was in the process.
Conducted 1-on-1 sessions with legal staff, approvers, and requesters across the organization. Observed real drafting sessions from start to finish — watching how users moved between CMS, SharePoint, Word, and physical documents — to capture the full workflow and uncover friction that users themselves hadn't articulated.


Clustered hundreds of raw observations and interview notes into themes using affinity mapping. Built user journeys and workflow models for all three user groups — legal staff, approver, and requester — to identify where the most critical pain points and drop-off moments occurred across the contract lifecycle.
Facilitated individual and group brainstorming sessions that generated 9 AI feature concepts — ranging from auto-fill and document classification to PDPA data blur. Led the team through a prioritization exercise to evaluate each idea against user needs, technical feasibility, and business value before defining the product scope.


Translated research insights into user flows, lo-fi wireframes, and high-fidelity prototypes in Figma for desktop and mobile devices. Designed separate interfaces for legal staff and requesters, covering key features such as AI-assisted contract drafting, inline spell-check with Accept/Dismiss controls, auto-fill from request forms, and a document checklist system.
AI contract drafting
Chat-style input lets staff describe what they need; AI generates a draft from the matching template.
Document classification
Scans uploaded attachments, classifies type, and checks against the required document checklist.
PDPA data blur
Automatically detects and blurs sensitive personal data in uploaded images before processing.
Auto-fill from request
Maps data from the requester's form directly into template fields — reducing copy-paste errors.
Spell & grammar checker
Inline error detection with Accept / Dismiss controls, categorized by error type.
AI report query
Natural-language queries let users pull summaries and reports from contract data on demand.