J.J.Gandhi & Associates
Website and Client Portal Integration as an Internal Tool
Increased New Client conversion rate by 20%
Jan 2022 - Present
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/85b19a7d-ebd3-44d9-abe6-5a11d71b331a_rw_1920.png?h=6374ef13192d8fb11d399c7a2e15b56b)
Overview
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/29c75df8-9906-4d62-ab4e-fafcbe00a98f_rw_1920.png?h=0693541c51d310aa7f7df08906001978)
Team Make-up
Product Designer (My Role), Company Principal Associate, Software Engineer and Developer, UX Researcher
Tools
Figma, FigJam, Miro, Adobe Illustrator, UserZoom
Time line
6 months and on-going (client portal development)
My Role + Impact
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/3ac6a7c3-aba5-46d1-b5b4-6833fbaec665_rw_1920.png?h=3c03eaa8b4d415152dd4f7b9850b758d)
Problem Statement
The business experienced a significant decline in new client acquisition and geographical outreach. Although the company remained profitable, the projected profits were lower due to the decrease in incoming clients. Additionally, existing clients expressed dissatisfaction with the ease of engaging with the firm to manage their pending cases efficiently.
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/709f36db-0658-4028-a308-45c7c774c296_rw_1920.png?h=96a323b1f94d58d28131702dd655b1e8)
Business Challenges
The Principal Associate and senior staff (stakeholders) engaged with us to address these issues, setting a goal to increase the rate of new client acquisition and achieve at least a 5-10% increase in user satisfaction among existing clients while managing their cases.
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/af928630-dcdb-483f-86d7-6d90390eaaf0_rw_1920.png?h=4d1933723bb0595cfcbaa93428a4cef6)
Business Goals
Our team developed a roadmap to achieve these goals by -
1. understanding both the user groups (existing and prospective clients) and their pain points,
2. improving their experience to engage with the firm by identifying solutions,
3. and measuring the impact of our actions to ensure we were on the right path.
If these business problems were not addressed with the correct strategies at the right time, the firm risked falling behind in a highly competitive law market that continually grows and adapts with increasing reliance on technology.
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/38dbed10-60f2-4067-9932-e4672ce5897e_rw_1920.png?h=f01ac02959e1d3c95e15e8199cb5c82c)
Roadmap to achieve the set business objectives
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/897e9de2-dbfb-4915-96fb-03cfe950a3c0_rw_1920.png?h=b410a1ce0a03c1e6fbb05a8cd095c225)
User Research
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/feca8fd4-b283-4c42-935a-484e1484bcf7_rw_1920.png?h=a6ca9e50a127fa1ddc5399ddc04bf7a5)
1. Competitive Analysis
We did a competitive analysis comparing website of in total 4 companies providing legal services, to understand market positioning and how are these companies leveraging technology to compete and provide user-satisfaction.
The goal was to gather insights on
1. value proposition they offer, 2. ease to navigate information, 3. user satisfaction for clients, 4. market position to bring in - new clients.
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/00782953-d779-48f9-9f26-a834e3eac4d4_rw_3840.png?h=a96db8cc151fcd76097420d1dbd1be5a)
Some important insights gathered,
1. Along with strong visual language, and value propositions, were in the areas of content relevance and call-to-action elements, which helped users easily engage with the company.
2. One of the companies (Harvey Jacob Law) was leveraging digital platforms to engage with new clients, and providing personal login portals for existing clients. This is something that not many legal advisors are currently using or willing to invest resources in. They don’t see leveraging technology as a necessity for now, which could become a challenging situation later.
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/844789fb-3f24-4647-ac85-254de3dd00d4_rw_1920.png?h=a214a5a468fe7da60ff65c467416e9d3)
2. Surveys
Survey Questions was used as one of the methods to understand the target user group, emerged as a highly effective method for uncovering pain points and proved to be time-efficient.
The survey yielded expected results, highlighting known problem areas, and offered intriguing insights to enhance communication for both user groups. After collecting a total of 50 responses, we began analyzing the insights, with 30 originating from our existing clients and 20 from prospective new clients.
During office visits, we requested existing clients to complete the survey form, and we also shared the form with clients they may have conversed with.
The goal behind the questions was to improve the overall experience of current and prospective clients while engaging with the firm. The questions were based on to understand current experience of clients, what they would like to change in each stage of their legal proceeding and by what amount these changes were preferred by them.
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/bc2cd84d-dec0-436f-a152-54883413b678_rw_1920.png?h=f8646d77eccfb0d5353dbb10a03b1b18)
Survey results and insights gathered
3. User Interviews
We conducted interviews with a total of 10 people, given the time constraints. These were divided into two broad categories: current clients and prospective clients, with 5 people from each group. Clear goals were established to determine what insights we wanted to extract from each group. This approach helped us stay focused and formulate questions that targeted the specific concerns of each user group.
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/85dee208-5285-4f8a-951a-a9fb7a829bf9_rw_1920.png?h=900e94b686503c5befe20e26a6e576fb)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/853c9cde-81f4-4854-945a-13744ab26c28_rw_1920.png?h=fde45d8b20d42e414566f1f33f7320f6)
4. User Personas
After interviewing 10 people and understanding their backgrounds and goals, we created user personas for two groups: existing clients and prospective clients. These personas were well-detailed, including the background, goals, and frustrations of each user group.
Through analysis and research, we identified several important user problems and frustrations:
the outdated methods for scheduling appointments and organizing documents, time constraints, lack of legal knowledge, and the dilemma and challenge in choosing a trustworthy company.
User Group - Existing Client
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/45e71937-217a-4ebf-bd70-7d5dbc29c9f1_rw_3840.png?h=ef80dc72edad6951ead67d27e548b222)
User Group - Prospective Client
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/24d3a8a6-2d9c-4f77-b4e3-dc8484dd3709_rw_1920.jpg?h=2be933216f699bfff85b8a10f91ef20c)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/72ee6426-793d-4337-aafe-8e31a44e4c88_rw_1920.png?h=cd7e8849bed34108d5179c06785448c0)
5. User Stories
exploring what needs to be build
"As a current client, I want the law firm to provide convenient and responsive online communication channels, such as live chat or a dedicated client portal, so that I can easily engage with the firm and receive timely updates on my case."
"As a current client, I want the law firm to modernize its document sharing process for seamless interactions, so that I can efficiently manage my legal affairs."
"As a prospective new client, I want the law firm's online presence to be more visible and informative, so that I can easily assess its capabilities and reputation before considering engagement."
"As a prospective new client, I want the law firm to showcase its extensive legal expertise through a diverse online portfolio and prominently feature trust indicators, so that I can make informed decisions about its suitability for my legal needs."
"As a prospective new client, I aim for the law firm to upgrade its appointment and inquiry procedures, offering a secure online platform for a convenient and streamlined experience as I explore their services for the first time."
6. User flow
finding opportunities in the current user flow to improve the product
At this stage, we critically analyzed the current user flow for both user groups by examining each step in their respective journeys. This was a crucial part of our research, as it allowed us to identify not only the points where frustrations and challenges were encountered but also opportunities within these gaps to create an optimal user journey.
Current User flow of an existing client
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/6c7c5d31-d40d-4c29-b09e-fd6b4227bc2c_rw_3840.jpg?h=789d367762ae9c02eea2dcff151638b9)
Current User flow of a prospective new client
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/ac807183-a769-4e17-8ab4-75aac8356b7f_rw_3840.jpg?h=5642c931e0707b885a36948a89389121)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/18a599a5-3f4f-4288-9a05-49be53c46575_rw_1920.png?h=78f4b80d559d891534a181b1fa223fa9)
7. Affinity Mapping
Organizing Ideas + Top Findings + Action Items
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/73101457-74d2-4a0c-a31a-94f64cbbf241_rw_1920.png?h=a130b878bed550aaeb622a6b9f427b56)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/5e38eb19-f2b7-4d2d-bbe5-87c9c5f08381_rw_1920.png?h=ab9c1a3af66326fd38df5189e886cb49)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/228fb1b8-8d2c-4042-bc09-10a7828f814e_rw_1920.png?h=c6f68fb7955251d056ae376e3a4f5d49)
Ideation - Wireframes Phase 1
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/9e2eaf42-e9c7-4a4a-8cf6-674c3d1f7ff3_rw_3840.jpg?h=6f8c772368d130ef5780dc07d7e39fa7)
Website Interface
Before
After
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/4511d1d5-946b-4ab7-9a81-0efdc46e9142_rw_3840.png?h=98505cf75cf5bc34e05da3075f33d129)
Explore the Website here
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/1231c9c4-ac69-4c0f-9a83-60a3b3fdcf61_rw_1920.png?h=c49088450cd21cbfadb8c6867433f8db)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/1a800945-63e5-4211-b301-46e721ff5000_rw_1920.png?h=ea1366866303ae2f273afb8f8c2ac2fe)
Post Usability Test : Exploring Ideas through Storyboards
As seen after gathering insights from the usability test, we received important feedback regarding the need to improve the overall user experience when engaging with the firm, particularly in areas like appointment scheduling, meeting arrangements, and document sharing.
In response to this feedback, we brainstormed ideas and decided to introduce an individual client login portal on the website. Here are some of the ideas and features we discussed. We were then in the process of prioritizing which features to work on first and which to include as part of the broader goal.
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/e36ebe45-43ac-4e91-a364-5838de076255_rw_1920.png?h=54e2a4e781427f09fbd76be740cbd0d8)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/fe45a931-08ec-4006-b6bc-3586e3594cc4_rw_1920.png?h=7bd67aa05a715806a552a7a8e12124a1)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/01ed6e24-133f-4d01-825f-17f6cb8a0e47_rw_1920.png?h=74c7722a4fd006918c4c424da9f0695c)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/e3b99077-85c0-4c94-8dc1-199285a62966_rw_1920.png?h=c07f5e6292abc9055c1bbc2a45449257)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/22ebeddd-4387-41ea-8712-20c55141e0ec_rw_1920.png?h=4afc50fffba5713a4da6c9c6a6e415ec)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/9e5e4c18-9842-4473-9ece-76278037f709_rw_1920.png?h=4cf07c599de5c077a5a3d6bb803beff9)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/e9116eef-52f7-4877-a934-06b035b2da40_rw_1920.png?h=4032ed77396f760ab26a1dd2b04563d1)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/b10d084b-32f9-406e-a534-9f8309da5135_rw_1920.png?h=39cb61ae02e6ed5d4754a0c37202cd23)
Prioritizing Insights and Iterations after brainstorming ideas
We developed a roadmap based on the ideas we discussed and solutions presented. The goal was to create a seamless and efficient user experience, focusing on key functionalities that will enhance the overall service. Here’s a breakdown of potential features and a phased approach for implementation:
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/355069fe-6535-4ac5-b602-8361478d3d4a_rw_1920.png?h=8dc92b0758f83cbb67db8bea353f1ef2)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/8484f539-818c-4621-857f-b91482d51566_rw_1920.png?h=c33803148e71ebfc979aef3a3db58155)
Ideation - Wireframes for Phase 1: MVP
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/9803a000-2b81-41b3-b527-334c6099ca54_rw_1920.png?h=b29ae2c3cbb60c127d81eb7d8d67716d)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/0423346f-5c32-43b0-9e77-16fe336a940f_rw_1920.png?h=7083db4c3a0b2c2d69227b46d2c0f535)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/374d4fee-9f65-4684-83d7-b2a933b594c9_rw_1920.png?h=3f749468aa3e7de1ba221aee40911342)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/e2952906-8e2c-4c19-a801-f9607fa09f4d_rw_1920.png?h=99bfe99d6b760d0a69edddc3f6fb5543)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/7be77d2e-7b71-4817-a125-af263cd3b5fb_rw_1920.png?h=855f15ad927e19546a143d8245572a77)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/dfee66bf-9212-46f0-87b4-389c91191daf_rw_1920.png?h=e4950d1679bdeb2ce70e38b824f75842)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/cf593880-04a7-4367-bfde-f0687d720660_rw_1920.png?h=d06e2dc7b878a9b7dd15eb8c7e5bc984)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/e5e977e8-2acb-420f-88af-79e87d0251e2_rw_1920.png?h=385b1750e5d5b2c085974dadbff8f323)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/a475507e-86e5-436f-a59a-fb9cd0ef6d23_rw_1920.png?h=c2c55f891118c35727c4460e1104ba2e)
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/fec4b5c5-c2fa-444f-8725-c12d0dbc16b7_rw_1920.png?h=375a3a5fe4dd4d7d87a36b0c65a6da6b)
Phase 1 - Client Portal MVP Prototypes
We introduced the most important change for the MVP: a client portal feature. We implemented individual login features for every existing client to upload documents, provide a centralized document overview, manage appointments, and track the progress of their pending cases. This step aimed to address client frustrations with time-consuming appointments and meetings, cumbersome document sharing methods, and overall process complaints while engaging with the firm.
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/8e20d336-c24d-4e10-8a41-0644f8171c46_rw_1920.png?h=2ae75affe7e7b82e93a712c45bb5a1ad)
Interface of the Client Portal after navigating from the website
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/e01b6052-8d13-483f-84ce-9327a9404bf0_rw_1920.png?h=3f7d2e3ec189edfdc6a956942c1fa36b)
Dashboard Interface providing all necessary information needed to organize their tasks. The next step to add in the dashboard is also to track the case status to indicate progress made.
![](https://cdn.myportfolio.com/a1647b39-3ecf-4913-8e39-1be1aeb77a45/19389de2-0222-413b-8d8f-95e077bf4509_rw_1920.png?h=fc3b391c189f511fb1df907bba774a58)
Appointment Schedule page providing information about upcoming appointments along with clear cues to schedule next appointment.
1. On-boarding process
A streamlined onboarding process where users can create an account, fill in personal information, and be guided to the home page.
Users are greeted with an intuitive home page featuring cards that provide direct access to essential sections like document management, appointment scheduling, messaging, and the dashboard.
This design ensures a seamless introduction to the portal, helping clients quickly familiarize themselves with the platform and efficiently navigate to their desired destination.
2. Revamped Appointment Booking Process
A comprehensive appointment scheduling system that can be accessed via the top navigation bar, home page cards, or dashboard.
Clients can view upcoming and past appointments, and easily schedule new ones. These appointments can be added to a calendar, emailed, or sent to their phone. A drawer menu is always available to assist in navigation.
This feature is designed to simplify and streamline the appointment process, making it easier for clients to manage their schedules and stay organized.
3. Centralized Document Management
A centralized document management system that provides clients with complete control over their documents.
Using the left drawer, clients can navigate to a page where they can manage, view, download, delete, and sort documents according to their preferences. A button at the top allows for easy document uploads, which can be shared with the team for further action.
This feature is essential for enhancing efficiency, allowing clients to handle their documents in one centralized space, saving time and ensuring better organization.
Usability Test -2
Following the implementation of iterations based on insights from Usability Test -1 and working on document specification with the dev team , we proceeded to Usability Test -2 with the MVP (Minimal Viable Product) Insights from Usability Test -2 and considerations for the next steps include:
1. Personalized Dashboard: Developing a customized dashboard for users to have a tailored overview of their interactions and activities.
2. Active Blogs with Insights and Legal Articles: Introducing dynamic and informative blogs that provide insights and legal articles to keep users engaged and informed.
3. Chat Bots: Incorporating chat bots to facilitate instant communication and support, enhancing user engagement and interaction.
Business Results
Prioritizing tasks and addressing user problems first have propelled us significantly in our journey. Rebranding and launching the website as our initial step proved to enhance our competitive market position. Key impacts observed include:
1. Increased inquiries from new clients, including our first international queries.
2. A 6% increase in website conversion rates.
3. A 20% rise in new client conversion rates compared to returning clients.
4. Existing clients reported improved ease in communication.
5. A 27% increase in unique visitors.
UX Results
Feedback from the usability test of the MVP confirmed several key findings:
New clients can now easily send inquiry messages, attracting international clients.
Document uploading and individual client log-ins save significant time and facilitate hassle-free management.
Existing clients can easily navigate back to the portal to track progress in their case proceedings at any time.
These insights underscore the effectiveness of our UX improvements in enhancing user experience and meeting client needs effectively.