Vazilegal - Designing a Legal Management System

Marvel Faseun

0

UX Designer

Product Designer

UI Designer

Figma

Vazilegal is an application that helps legal companies and their clients manage legal projects in a more structured and organised way.

Content

Background

Designers have their workflow tools and management platforms, the technologist has theirs too. The legal space does not currently have an overall encompassing product that empowers legal teams to manage their workflow and teams. Our goal is to work with Vazilegal to build an application that will help them manage legal projects in a more structured and organised way.

Problem

Legal process and documentation in Nigeria is still largely manual and tedious. Many of the day-to-day tasks of a legal practitioner are repetitive. As a result, lawyers in places like Nigeria get bogged down on simple tasks and end up passing the cost to clients. ‍ - Decrease the high cost of getting legal support by automating simple tasks like document sourcing, hiring, financing, etc. - Provide a central repository for companies to store their content in a way a lawyer would manage their documents. - Simplify document workflows by managing everything on the LAAs platform. - Be ready for due diligence and other regulatory events by having everything labelled and sorted. - Provide a platform for lawyers to make a stable income outside of their 9-5 job. - Provide a potential community for organisations that are serious about growing and building great companies.

Challenges

How do we streamline the legal process with technology and reduce the overhead expenses of manual and repetitive tasks?" ‍ There are many challenges and pain points in the current management of legal systems and cases. I made some research to know them and focus our energy on creating solutions that solve some of these challenges. The challenges are:
- Information is currently disorganised in people’s brains, documents, emails, phone calls, etc. People are wasting time (mostly billable time) looking for emails/ conversations, and documents corresponding to what they are working on. - Teams are slowly embracing remote work and there’s no way to keep everyone on the same page. As a result, clients/teams/lawyers are stuck wasting more time on bringing everyone up to speed. - Currently no transparency on current work products. Besides informal updates, there’s no transparency to the client or internal team.

Goal

The goal is to create a platform where small and medium-sized businesses can have the legal tools they need to help operate their company in Africa.

User interviews

I conducted user interviews with people that work or are involved in legal processes. This process was necessary to allow me to understand the day-to-day activities of a legal practitioner and the experiences of clients. We also discussed pain points in their day-to-day work and the present solutions they have on the ground to ease these pain points. The result of this process was a better understanding of how legal practitioners and clients operate and what might help to ease their day-to-day workings.
Vazilegal user types
Vazilegal user types
General Counsel at a company
Most likely has management over several areas of law. Has specific people working in particular areas.
Team member/Legal professional ‍Most likely in charge of managing the day to day of projects portfolio. Most likely to set up a project or lead a particular case or manage a group of lawyers. ‍ 3rd party/ client ‍Most likely a person who is working with lawyers or needs information / needs to be kept in the loop on a project but not directly responsible.
Guests A person that is given limited read access to legal information but does not necessarily have to register on the platform. These categories of users cannot be audited because they are not registered and thereby has access to very limited information.

User personas

After the user interviews, I created the user personas that embody the 3 types of users that will make use of Vazilegal.
User personas
User personas

Research

To better understand the legal landscape, I scheduled a Zoom meeting with a managing partner of a legal firm in Nigeria. The goal was to get a good understanding of what is done every day and in a legal firm to find opportunities for what can be automated.
Secondary research To further understand the kind of product we are trying to build, I looked at popular task and project management platforms. I was able to identify some of their core features, what they were missing, and their UX flow.

Opportunity

With the help of my team, I came up with the workflow feature. The workflow is a combination of needed components that are used to see a legal process through.
The data and information I was able to gather from my research and study of how legal processes worked opened up an opportunity that would help define the solution Vazilegal will be built around.
With the help of my team, we came up with the idea of the workflow. The workflow is a combination of preset components that are used to see a legal process through. These components can include forms, documents and tasks needed to get a legal process done. The workflow will allow legal practitioners to create preset legal processes that can be re-used and assigned to legal practitioners. ‍ These workflows can also be used by clients to get an overview of the current process and all the needed information related to a legal case.
Vazilegal workflow feature
Vazilegal workflow feature

User flow and information architecture

With the primary and secondary research made, I created a user flow and information architecture that shows the pathways various user types take to interact with the product and complete different actions. This flow shows the pathway a user takes from signing up to creating workflows, joining a project, managing tasks and reporting.
Exxcert from Information Architecture and User Flow
Exxcert from Information Architecture and User Flow

Wireframe and prototyping

From the information gathered through earlier processes, I designed the core screens of the platform taking into consideration only the most important features necessary for a user to complete core actions. These wireframes were made in mid–fidelity prototypes to facilitate further usability testing to get feedback for the next iteration. I used Figma to make the mid-fidelity wireframes and prototypes.
Dashboard page wireframe
Dashboard page wireframe
Project page wireframe
Project page wireframe
Reporting page wireframe
Reporting page wireframe

Usability testing

I conducted a remote session with our previous tester to better information necessary to iterate on the next version of the wireframes. Some of the key information I was looking for were:
- Does it really solve the users' pain points? - How complex is it for users to understand what is going on the screen? - What suggestions do users have to make the experience smoother and more enjoyable while still being able to complete actions?
Many legal practitioners are not techy! - Some parts of the wireframes looked too complex at a glance. Users wanted to be able to understand each screen contextually in as little time as possible. - Users preferred to be able to schedule and accomplish repetitive tasks easily. - Users raised the question about document flow and the trail not being in accordance with real-life legal processes. - Data displayed on the reporting page looked too complex
Iteration With the information I had at hand after testing it with a user, I started iterating on the design to address the issues. A document trail was added to adapt the documenting process to a real-life equivalent as much as possible. Descriptive information was added to some screens to enhance contextual understanding of them. The reporting page was also simplified to simple bar graphs accompanied by a text-based table structure to ease understanding of reporting information.
Reporting page iteration after feedback
Reporting page iteration after feedback

High fidelity designs

I created a mood board which contains visual elements to determine the visual direction of the platform. The mood board at the top was agreed on by the client and me as the visual direction to aim for.
Moodboard presented to the client to inform the design direction
Moodboard presented to the client to inform the design direction
After many iterations, comments and brainstorming, I applied the Visual identity to the design to produce high-fidelity mock-ups of what the actual product will look like. I came up with a few variations of the high-fidelity design ranging from a very modern and sophisticated look to a simple and corporate look. After iterations and brainstorming with colleagues, we went for the simple and corporate look because it fits more into the vision of what the final product looks like and the purpose it will serve. Through the high-fidelity Design process, good information hierarchies with the proper use of fonts and colours were taken into consideration to ensure important information is easily seen before secondary information. Colour contrasts were also tested on the go to ensure visibility.
This is just the first step of a long design process of research, iteration and design to make Vazilegal as close to a perfect product as possible. Further iterations will show the designs of other features mapped out but were cut because of time. It will also be helpful to strategise and design ways with which Vazilegal can integrate with existing platforms like Google Docs, spreadsheets and other platforms that can enhance the functionality of Vazilegal.
This process was an exciting one and was sometimes tasking. Learning about legal processes, their day-to-day activities and other details I was completely new to was an eye-opener for me about how diverse users can be. Research information got also brings up the question if a digital legal management platform can completely replace the manual way of doing things, especially in the legal system where it is very important to keep records for as long as possible. The process of smoothly linking a new digital process with the already established manual way of doing things without breaking information flow or totally losing information is also a question to be thoroughly pondered upon. It is also not far-fetched to think about the ideal marketing strategies to make legal firms adopt the process of a digital legal management system. In conclusion, this project has opened up a lot of personal thoughts about digital solutions that can be provided to ease the operations of legal firms and how to conform these solutions to already existing processes to reduce resistance and encourage a smooth transition into digital processes in Africa. It also begs the big question; how much of legal processes and operations can be made digital?
Like this project
0

Posted Aug 3, 2023

Vazilegal is an application that helps legal companies and their clients manage legal projects in a more structured and organized way.

Likes

0

Views

28

Tags

UX Designer

Product Designer

UI Designer

Figma

Green Growth Africa website redesign
Green Growth Africa website redesign
MRT employee management mobile app
MRT employee management mobile app
Stock exchange platform
Stock exchange platform
Creating Omnipresent's design system from scratch
Creating Omnipresent's design system from scratch