INTRODUCTION

Lawyers On Demand is a leading global legal resourcing business. LOD allows its lawyers to work on a project basis as part of in-house legal teams or in private practice firms. But its timesheet and leave application systems look outdated compared to its competitors. A visual overhaul was long overdue. 

PROBLEM STATEMENT

How might we develop an engaging, fast and easy-to-use time recording and leave management app that allows users to enter their billable hours, connect with the payroll system, and easily apply and submit leaves through LOD’s processing system?

RETURN ON INVESTMENT(ROI)

With the new designs, we observed a 75% decrease in average time on task. Assuming:

• Hourly wage per employee of $50
• 1,036 number of professional employees.
• Frequency of tasks once a week.

This improvement could potentially translate to an estimated $35,224 increase in yearly revenue.

ROLE

• I led UX design for the project with 2 developers and worked on all aspects of the new design system, including its visual, UX and motion design.
• I also revamped the UX of key pages while my developer colleagues helped implement my designs.

DESIGN PROCESS

• We ran 4 weeks of design sprints based on the design thinking methodology, which includes 5 stages: Empathise, Define, Ideate, Prototype and Test.

• I created and shipped a fully functional app design for lawyers to submit their working hours and apply for leaves.
  

STEP 1: EMPATHy

FINDINGS & QUOTES FROM THE USERS

STEP 2: DEFINE

I delivered a concise UX strategy articulating user beliefs, attitudes, needs, and beliefs for time tracking and leave management.

AFFINITY SORTING

I used affinity sorting to define my primary persona and the red routes

PERSONA

2 Groups stood out:

• Lawyers with Family:- This group represents the lawyers juggling their time between family and work and struggling to maintain the right work-life balance.

• Single Lawyers:- This group represents the lawyers who are single or have fewer family responsibilities and can dedicate most of their time to work and career.

EMPATHY MAP

I continued the journey with John as our primary persona and mapped out his frustrations. which helped us to empathise with him.

USER JOURNEY MAP

I mapped John’s emotional journey on a user journey map and found some pains, frustrations and opportunities.

STEP 3: IDEATE SOLUTIONS

Based on the qualitative and quantitative research data I identified core pain points “John” and “Tracy” currently experience that the new design could address and improve. I articulated a vision and made assumptions about how the new app design would improve the user journey.

I identified the quick wins :

• Showing weekly and monthly summaries of submitted hours.

• One-click time submit feature.

• Highlight public holidays.

• Notifications and reminders before the freezing periods.

• Intuitive icons and engaging colours.

STEP 4: PROTOTYPE

Focusing on new goals, motivations, and assumptions, I designed a research-informed product prototype with key screens for common user interactions.

STEP 5: TEST & ITERATE

I conducted multiple rounds of usability testing to gather user feedback on the proposed prototype. I identified sources of user error and frustration, user pain points, and areas of delight.
I identified and implemented research-informed changes into the prototype to improve the interaction design of the product.

FINAL DESIGNS: BRINGING IT ALL TOGETHER

After several rounds of usability testing and iteration, I incorporated the branding and visual design and delivered high-fidelity design composites of key screens and a UI kit.