Client Portal Documentation

Introduction

The Web Portal is a bilingual web application designed for law firm clients to access their case information, communicate with lawyers, and stay updated on legal matters. The portal supports both English and Arabic languages, providing a comprehensive platform for client engagement and case management. Clients can access case documents, track case progress, communicate with their legal team, view firm newsletters, and manage their profile through a secure, user-friendly interface.

Accessing Web Portal

The Web Portal can be accessed through a web browser at the law firm's designated portal URL. Users must authenticate using their registered email address to access the portal features.

Authentication Flow

Language Selection and Email Entry

The initial screen allows users to select their preferred language and begin the authentication process.

Language selection screen with English and Arabic toggle and email entry field 

Available Actions:

• Toggle between English and Arabic language interface
• Enter registered email address to proceed with authentication
• System validates email format before proceeding

Email Verification with OTP

After entering the email address, users receive a 6-digit OTP for verification.

OTP verification screen displaying six digit input fields with countdown timer and resend option

Available Actions:

• Enter 6-digit verification code received via email
• Request new OTP after 30 seconds if needed (limited to one resend)
• System validates OTP and determines next step based on user status

Access Scenarios:

• Registered user with password: Redirects to password entry screen
• Registered user without password: Redirects to password reset screen
• Unregistered user: Redirects to sign-up screen
• Invalid OTP or deactivated account: Displays appropriate error message

Password Entry

For registered users with existing passwords, the system displays the password entry screen.

Password entry screen showing user profile information with password field and forgot password link

Available Actions:

• Enter account password to access portal
• Toggle password visibility using show/hide icon
• Use "Forgot Password" link to initiate password reset
• System authenticates credentials and grants access

User Registration

New users who don't have an account can create one through the registration screen.

Registration form with first name, last name, password fields, password strength indicator, and terms acceptance checkbox

Available Actions:

• Enter first name and last name for profile setup
• Create password with strength validation
• Confirm password to ensure accuracy
• Accept terms and conditions to proceed
• Click "Get Access" to complete registration and automatically log in

Password Reset

Users who forget their password can reset it securely using OTP verification.

Password reset screen with OTP input field, new password field with strength indicator, and confirm password field

Available Actions:

• Enter OTP received via email for verification
• Create new password meeting strength requirements
• Confirm new password to ensure accuracy
• Click "Reset Password" to update credentials and return to login

Main Portal Interface

Updates Dashboard

The main landing page displays all communications and messages in a comprehensive table format.

Updates dashboard with navigation

Available Actions:

• Navigate between Updates, Matters, Newsletters, and Our Teams sections using top navigation tabs
• Review all communications in tabular format with sender, date, and unread indicators
• Click "Open Chat" button to view specific conversation
• Access profile menu for language settings and logout options

Chat Interface

The chat interface provides detailed conversation view for selected communication threads.

Chat screen showing conversation history with sender names, timestamps, message content, and composition area with file attachment option

Available Actions:

• View complete message history with timestamps and sender information
• Compose and send new messages up to 1000 characters
• Attach up to 5 files per message
• Download received file attachments
• View case number, project number, or client name in header

Our Teams

The Our Teams section displays all lawyers associated with the firm in a professional card layout.

Lawyer directory showing grid of professional cards with profile images, names, and roles with hover effects

Available Actions:

• Browse all available lawyers in grid format
• Click on any lawyer card to view detailed profile information

Lawyer Details

The lawyer details page provides comprehensive information about selected legal professionals.

Detailed lawyer profile displaying large profile image, name, role, biography, expertise areas, and professional credentials

Available Actions:

• View complete lawyer biography and professional background
• Review areas of expertise and specializations
• Navigate back to Our Teams page

Newsletters

The newsletters section displays firm publications and updates for client information.

Newsletter listing with header images, publication dates, reading duration, subjects, and descriptions in grid layout

Available Actions:

• Browse all available newsletters and publications
• Click on newsletter to read complete content

Newsletter Details

The newsletter details page shows the full content of selected publications.

Newsletter detail view with header image, complete article content, publication date, and reading duration

Available Actions:

• Read complete newsletter article with rich text formatting
• Navigate back to newsletters listing

Matters

The matters section provides comprehensive case and project tracking in table format.

Matters table with five columns showing type details, party information, recent updates, dates and processes, and action buttons

Table Columns:

• Type and Details: Legal case or project information
  • For Cases: Case number, case type, location, judicature, stage
  • For Projects: Project number, project type, project title, location
• Party Details: Client party and opponent or other party information
• Recent Updates: Last adjournment reason for cases, process status for projects
• Dates and Process: Hearing dates for cases, completion and due dates for projects
• Actions: View Documents and Updates buttons

Available Actions:

• Browse all cases and projects in comprehensive table format
• Click "Documents" button to view case or project files
• Click "Updates" button to view case or project communications

Documents

The documents page displays all files related to specific cases or projects.

Documents table showing file names, upload dates, uploader names, expiry dates, and download buttons

Available Actions:

• Browse all case or project related documents
• Download specific files using download button
• View document information including upload date, uploader, and expiry

Case or Project Updates

The updates page shows all communications specific to selected cases or projects.

Case-specific updates screen with communication history, message composition area, and file attachment functionality

Available Actions:

• View all case or project specific communications
• Send messages about the specific case or project
• Share files related to the case or project (maximum 5 per message)
• Download shared documents

User Profile Management

Users can manage their account settings and preferences through the profile menu.

Profile dropdown menu in top right corner with language selection options and logout button

Available Actions:

• Switch between English and Arabic interface languages
• Securely logout from the portal and return to login screen