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.
![[interface] image of hr software in action (for a hr tech)](https://cdn.prod.website-files.com/698bdb87bbdb713fbc2e8655/69ea07d98cfc334f4c34ee21_fs1.png)
![[interface] image of hr software in action (for a hr tech)](https://cdn.prod.website-files.com/698bdb87bbdb713fbc2e8655/69ea07d963b69d36f0fafe6c_fs2.png)
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.
![[interface] image of hr software in action (for a hr tech)](https://cdn.prod.website-files.com/698bdb87bbdb713fbc2e8655/69ea07d923dc2ab8f04a45cb_fs3.png)
![[interface] image of hr software in action (for a hr tech)](https://cdn.prod.website-files.com/698bdb87bbdb713fbc2e8655/69ea08210dd9de71e71610ab_webcloud.png)
Translated research insights into user flows, lo-fi wireframes, and high-fidelity prototypes in Figma. 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.
Ran moderated usability tests with real users from each group, capturing both behavioral observations and qualitative feedback. Iterated on the design based on findings, then prepared a complete handoff package for the development team — including annotated specs, interaction notes, and edge case documentation.
![[interface] image of hr software in action (for a hr tech)](https://cdn.prod.website-files.com/698bdb87bbdb713fbc2e8655/69ea07d923dc2ab8f04a45cb_fs3.png)