Overview
Reimagining MSIG's legacy Agent portal to include a consumer-grade UX
My Role
Led design strategy and execution for a team consisting of 1 product manager, 2 designers, and 9 developers.
Pain points from user interviews
Data entry was tedious and time consuming.
The current interface was a couple of decades old and used dated and inefficient interaction patterns.
Lack of proactive communication kept the user guessing about the effect of his/her actions.
Lack of mobile support made closing deals on the go difficult.
Solution
Special attention to redesigning forms, data entry workflows and breaking long journeys into multiple steps.
Revamp IA and visual design to improve
responsiveness, scalability and clarity.
Optimize for mobile and tablet usage
to issue and track policies on the go.
Design Principles Used
Optimize for complex and lengthy data entry workflows.
Leverage common and existing interaction patterns to reduce relearning.
Added emphasis on accessibility as some users are of age 55 and above requiring higher visual contrast.
What we learned from testing
While breaking up long forms into steps and sections was beneficial, it sometimes resulted in too many steps which made the workflow appear longer than it was.
Impact
Improved IA, form design and visual hierarchy reduced the average time taken to create a quote . This combined with the mobile support allowed the agents to issue and service policies faster and more efficiently.
Overview
Reimagining MSIG's legacy Agent portal to include a consumer-grade UX
My Role
Led design strategy and execution for a team consisting of 1 product manager, 2 designers, and 9 developers.
Pain points from user interviews
Data entry was tedious and time consuming.
The current interface was a couple of decades old and used dated and inefficient interaction patterns.
Lack of proactive communication kept the user guessing about the effect of his/her actions.
Lack of mobile support made closing deals on the go difficult.
Solution
Special attention to redesigning forms, data entry workflows and breaking long journeys into multiple steps.
Revamp IA and visual design to improve
responsiveness, scalability and clarity.
Optimize for mobile and tablet usage
to issue and track policies on the go.
Design Principles Used
Optimize for complex and lengthy data entry workflows.
Leverage common and existing interaction patterns to reduce relearning.
Added emphasis on accessibility as some users are of age 55 and above requiring higher visual contrast.
What we learned from testing
While breaking up long forms into steps and sections was beneficial, it sometimes resulted in too many steps which made the workflow appear longer than it was.
Impact
Improved IA, form design and visual hierarchy reduced the average time taken to create a quote . This combined with the mobile support allowed the agents to issue and service policies faster and more efficiently.
Gallery
Dashboard to highlight key stats and numbers.
A new quote journey split into multiple steps, employing the goal gradient effect to make the process feel less tedious.
A dense data view
showing the agents work queue.
Details sidebars shows details
of any selected item from the work queue above
Gallery
Dashboard to highlight key stats and numbers.
A new quote journey split into multiple steps, employing the goal gradient effect to make the process feel less tedious.
A dense data view
showing the agents work queue.
Details sidebars shows details
of any selected item from the work queue above