portfolio-portal-ux-design

Points Group
elevating the user experience

of a legal portal

The Points Group is a premiere marketing agency that specializes in the healthcare field. I led the UX design on projects for variety of clients such as a chain of orthopedic clinics, a medical non-profit, a surgery group, and a portal for attorneys working on medical claims. The legal portal project involved a complex enterprise-level infrastructure that enabled various legal offices and medical clinics to exchange information in real-time on any device. I worked closely with both the marketing and developers advocating for the users.

Result

Led the UX/UI design of a user-friendly medical claims application that is responsive and scalable. The clients were delighted by the clean, intuitive interface that was easy to learn by the office staff. The success inspired the Points Group to create a new scalable out-of-the-box solution that greatly increased revenue.

Challenge

Create an intuitive application that lets attorneys offices and medical clinic exchange information in real-time on any device.

Define

After conducting the preliminary research, I analyzed the findings and lay out the hypotheses, outcomes, user benefits using the Lean UX Canvas methodology.

I also earned about the legal requirements the portal has to adhere to and made sure to incorporate the requirements regarding accessibility and privacy.

Empathize

I did research at the start of the project by interviewing users in addition to discussions with the stakeholders. Next, I worked on defining the personas and identifying their unique needs and expectations through an empathy map.

Creating persona-based user flows allows the stakeholders to see the potential for new features and improvements. Storyboards present a scenario when the persona interacts with the application in a vivid, visual way which helps stakeholders empathize with the users.

Persona example

Persona outline

Empathy map

3 - 3

<

>

Ideate

The empathize and define stages prompt a lot of ideas. I quickly sketch a multitude of ideas to share with the product manager and other stakeholders. The sketches ensure that we are on the same page from the start. That way everyone can visualize the direction the application is taking and provide feedback. I refer to the personas, empathy maps and user journeys to ensure that we all keep the focus on the user. Afterwards, I created flow charts to visualize various paths for visitors to accomplish a task. The flow charts help identify redundancies, unnecessary clicks and other obstacles. Then I created a site map to visualize the navigation and pinpoint the most optimal location for each screen.

Sketching, brainstorming ideas.

Wireframe example.

3 - 3

<

>

After we hammered out the navigation architecture, I created wireframes and mockups using Adobe XD and Photoshop. The wireframes are a quick way to envision and discuss the merits of various layouts before a lot of time is invested in building the page. Next, I presented a few mockups with different imagery, colors and typography. The mockups encourage a dialogue between the designer and the business partners because they can easily be altered thus avoiding wasting development time and resources.

Mockup example.

3 - 3

<

>

Test

I tested the interactive prototype with users through Adobe XD.

I incorporated the feedback and did changes based on the test findings, after which I worked with a developer on implementing the design and launched the portal.

" Lubina was an absolute pleasure to work with. She is clearly very passionate about UX Design and has the skills to support her passion. She is very organized, always met her deadlines across the numerous projects we worked on together and is an excellent communicator. I would not hesitate to recommend Lubina to anyone looking for a seasoned UX Designer. "

Allyson Miloscia
Sr. Director
The Points Group

Define

Empathize

Ideate

Prototype

Test