06 — Technology Transformation
Wakeel AI
Your Next-Gen Legal Assistant
What They Do
An AI-powered lawyer assistant designed to revolutionize legal research, document auditing, and creation — offering guidance across legal scenarios for lawyers and general users alike.
How I Collaborated
I played a pivotal role in incubating Wakeel AI from scratch using state-of-the-art AI technologies — crafting the UI design, establishing the branding, and building the website.
- Client
- Wakeel.ai
- Industry
- Legal Tech
- Services
- Website Design, Branding
- Timeline
- 6 Weeks
- Year
- 2026
- Tools
- Photoshop, Figma, ChatGPT
(01)
Overview
A digital legal platform bringing AI-powered assistance, legal research, lawyer discovery, and practice management into one connected experience for legal professionals and clients.
- 6
- Weeks from research to design
- 3
- Problems, each with a direct answer
- 5
- Design phases, empathise to test
(02)
The Challenge
Legal work is slow to research, scattered across tools, and hard for clients to approach. The platform had to bring it together.
- 01
Legal Information Takes Time
Finding relevant statutes, case laws, and legal references can require significant research across different sources.
- 02
Legal Work Is Fragmented
Cases, clients, advocates, documents, communication, and billing often need to be managed across multiple touchpoints.
- 03
Access to Legal Support
Clients need a clearer way to understand their legal matters and connect with experienced legal professionals.
(03)
The Approach
Each problem is answered directly: smarter research, one connected practice, and AI-powered assistance.
- 01
Smarter Legal Research
Statutes Research and the Statutes Library make Pakistani laws and case references easier to discover and review.
- 02
Connected Legal Practice
Wakeel AI brings case management, client records, advocate management, documents, billing, and secure communication into one platform.
- 03
AI-Powered Legal Assistance
Wakeel AI helps users explore legal questions, review case information, and access relevant legal insights through AI.
Selected Screens
(04)
Process
Design Process
- 01
Empathise
Interviews · User Research · Competitor Analysis · Observation
- 02
Define
Design Strategy · Problem Statement · User Persona · Empathy
- 03
Ideate
Brainstorming · User Flow · Information Architecture
- 04
Prototype
Sketch · Wireframe · UI Design · Prototype
- 05
Test
Usability Testing · Implement Feedback
Timeline
- Week 1
Understand
- Week 2
Research
- Week 3
User Flow
- Week 4
Wireframe
- Week 5
UI Design
(05)
Design System
Colour
#A96B2A
#EAC155
#121315
#F6F6F6
Typography
- InterRegular · Medium · Bold
Layout Grid
- Desktop1440px · 11 columns · 28px gutter · 80px margin
- Tablet744px · 9 columns · 20px gutter · 64px margin
Legal work, made connected.