Creating an immigration dashboard

Creating an immigration dashboard

Navvable creates SaaS solutions for immigration law firms. Their product was built on an easy-to-use dashboard that centralized the tools their clients in the legal industry needed.

Client

Navvable

Industry

Immigration Law

Role

Product Designer

Product

Designer

Tool

Figma

Scope of Work

Dashboard

UI/UX

Prototyping

Software

THE NEED

Creating a complex
immigration dashboard

Creating a complex
immigration dashboard

Navvable creates SaaS solutions for immigration law firms. Their product was built on an easy-to-use dashboard that centralized the tools their clients in the legal industry needed.

Navvable had a down-to-earth team who expressed the unique challenge for their industry: catering to law firms means that the tools they create need to be easy to use but without compromising the functionality that would make them indispensable to their clients.

Navvable felt that their current system was incomplete and unattractive, costing them trust with their current customers and impacting their ability to bring in new ones.

THE CHALLENGE

How can we bring a dashboard to life?

How can we bring a dashboard to life?

Navvable came to me with a targeted agenda of needs:

1.

Creating a simple dashboard that is easy to navigate.

2.

Including features like downloading and signing documents, and creating ‘Matters’ and sending emails without leaving the platform.

3.

Setting up the entire package to be attractive and professional.

THE OPPORTUNITY

Building a complete dashboard

Navvable’s team came to me focused on the tools and flows they would need to be the all-in-one tool. They were open to expanding their brand to align with their aesthetic and values and their industry.

THE OPPORTUNITY
Building a complete dashboard

Navvable’s team came to me focused on the tools and flows they would need to be the all-in-one tool. They were open to expanding their brand to align with their aesthetic and values and their industry.

RESEARCH

Competitor analysis

Competitor analysis

Competitor analysis

I conducted thorough discussions with Navvable stakeholders about their existing product and its strengths and weaknesses. I researched and structured the disparate parts of the Navvable framework in preparation for the development of the new dashboard.

My analysis showed that competitors showcased expansive pick-and-choose toolboxes, tailored industry specific workflows, and lots of connectivity to 3rd-party apps. I communicated to Navvable that I felt their approachable, self-contained, and high-level tools could compete effectively by emphasizing a one-stop shop experience.

Direct: Docketwise, LollyLaw, Clio
Analogous: Cerenade (eImmigration), Imagility, MyCase

I conducted thorough discussions with Navvable stakeholders about their existing product and its strengths and weaknesses. I researched and structured the disparate parts of the Navvable framework in preparation for the development of the new dashboard.

My analysis showed that competitors showcased expansive pick-and-choose toolboxes, tailored industry specific workflows, and lots of connectivity to 3rd-party apps. I communicated to Navvable that I felt their approachable, self-contained, and high-level tools could compete effectively by emphasizing a one-stop shop experience.

Direct: Docketwise, LollyLaw, Clio
Analogous: Cerenade (eImmigration), Imagility, MyCase

I conducted thorough discussions with Navvable stakeholders about their existing product and its strengths and weaknesses. I researched and structured the disparate parts of the Navvable framework in preparation for the development of the new dashboard.

My analysis showed that competitors showcased expansive pick-and-choose toolboxes, tailored industry specific workflows, and lots of connectivity to 3rd-party apps. I communicated to Navvable that I felt their approachable, self-contained, and high-level tools could compete effectively by emphasizing a one-stop shop experience.

Direct: Docketwise, LollyLaw, Clio
Analogous: Cerenade (eImmigration), Imagility, MyCase

RESEARCH

Stakeholder interviews

Stakeholder interviews

I led user interviews with 8 participants (5 potential users and 3 users using a competitor) with a variety of needs around immigration software. Key needs and priorities identified include:

🔔

Feature-Rich Software

The immigration process is complex and users want to do everything from big to small on the platform such as sending forms and getting documents signed.

🧩

Staying within platform

Switching between software leads to errors and confusion so users want to keep all tasks on the platform so it can be monitored and reviewed seamlessly.

🛠️

Room for Exceptions

Not every case will be same and users do not want to be limited by a strict software that will block progress. Users need to be able to customize or make exceptions easily.

🛟

Error-Proof

Users are worried about missing important steps so a platform that serves as a concise checklist and hub to check the status of a case is vital.

MVP
HIGHLIGHTS
HIGHLIGHTS

Role and Impact

Role and Impact

I structured the dashboard along the 4 main areas Navvable wanted to highlight:

1.

Adding entities and individuals

2.

Signature Retrieval flow

3.

Creating a new 'Matter" flow

4.

Final Details

Bringing design changes forward

I sought to emphasize the qualities users had focused on in each of these areas during the user interviews.

MVP

Adding & Viewing Individuals

Adding & Viewing Individuals

Immigration law firms need to harness the complexity of their clients quickly. As a result, structuring the Individuals tool of the dashboard needed to be easy-to-understand and intuitive.

Creating a centralized, searchable, and easily editable data entry design would inspire confidence in demos and for new users. I built a top-down hierarchy that made toggles for Entities and Matters obvious.

I also made cross-referenced information such as Related Individuals and Internal Notation easy to access.

HIGHLIGHTS

Signature Retrieval Flow

Signature Retrieval Flow

Centralizing the complex form structure was a feature I created as a suggestion. Rather than relying on 3rd-party entities for forms and signatures, flows for uploading signed documents and signing forms guidance would be a valuable upgrade.

The top screen shows a highly structured and guided form-by-form flow for signatures, telling the user what to print and where to sign. This was matched with clear buttons and navigation for saving progress.

The bottom screen shows the upload page with the ability to view, add pages, refresh, and delete documents.

MVP

‘Matter’ Creation Flow

‘Matter’ Creation Flow

Navvable thrives on cross-referencing individuals, forms, and the legal and governmental entities involved easily. They do so by creating high-level action requests called “Matters”.

Creating a Matter needed to be documented, pull previously entered individual information and form uploads, and be highly trackable in the dashboard.

The 4 screens here demonstrate the 1-2-3 step process of Matter creation, from form selection, entering recipient information, and the resulting database of distinct Matters.

MVP

Finalizing details

Finalizing details

Each Matter is complex with many moving parts that are easy to lose track of. Here I created a centralized checklist where users can see outstanding actions and enable them to act on them right away.

Below the Matter details, I added an Assign Signatories button to bring all important stakeholders easily onto a Matter. With all individuals and entities already in the Navvable database, adding signatories and sending documents to them is easy and error-proof.

OUTCOME

A complete dashboard for law firms

A complete dashboard for law firms

After creating a robust dashboard, Navvable was now confidently able to enter the development phase for their platform. Based on the successful relationship that we developed on this project, Navvable tapped us to help them update their website and brand.

After creating a robust dashboard, Navvable was now confidently able to enter the development phase for their platform. Based on the successful relationship that we developed on this project, Navvable tapped us to help them update their website and brand.

UP NEXT:
Ready to work together?
© GEH — designs
Ready to work together?
© GEH — designs
Ready to work together?
© GEH — designs