eHealth Member Portal

A collection of web screens with the ID veritication designs on them
Company
Affinit eSolutions
Service
Web app design
Industry
eHelath
Role
Lead UI/UX Designer
Team
2 designes, 4 engineers
Year
2021

Project overview & challenges

The eHealth Member Portal was developed to provide users with seamless access to their health management needs, enabling them to book and manage appointments, view medical test results, and track their health history, all from a mobile or desktop device. The goal was to create a user-friendly experience that allowed individuals to manage their health appointments with minimal friction and effort, empowering them to take control of their well-being.The challenge in this project was the creation of a brand-new system based on specific business requirements while also catering to the needs of potential users.

We conducted extensive user interviews to identify their pain points, preferences, and expectations when managing their health. Insights from these interviews, combined with business objectives, informed the design direction. The portal needed to offer features such as booking appointments with the closest clinics or labs and accessing test results directly on the platform, eliminating the need for users to contact labs or clinics. The key challenge was balancing business requirements with a user-centric design that provided an intuitive and seamless experience for individuals across all device types.

Collection of screens with the final product designed

Research & discovery

The first thing I did was to conduct user interviews and surveys with potential new users using a concept design in order to identify their needs, pain points, and preferences when they are managing their health. The key insights from these interviews included:

  • Users wanted a quick and easy way to book appointments with clinics or labs nearby.
  • Accessing medical test results needed to be simple and timely, without the hassle of calling the lab.
  • The access email title and "Activate" button need to be clearer, and the email should be shorter without unnecessary organizational details.
  • Needs more clarity on the "Set password" and "Account Secured" process and more instructions are needed for account creation
  • Needs more clarity on the "Set password" and "Account Secured" process and more instructions are needed for account creation
  • On the dashboard, it would be better to reduce the information on each card and let the users confuse between "Latest Tests" and "All Tests." The one-week calendar is insufficient.
  • Users need clearer information about the location, as the map search and dropdown visibility add confusion to the location selection process.
  • Users find the calendar layout confusing, particularly the grayed-out weekends, and need to scroll to select a time. They are also unclear about the purpose of the "Submit" button and the confirmation process.

These insights were further enhanced by analyzing competitor systems to identify industry best practices and areas for improvement. This research formed the foundation for the design and functionality of the portal.

A collection of phones with the ID veritication designs on them

My design process

Wireframes & Prototypes - icon

Wireframing & prototyping

I started by creating wireframes to map out the portal's user flow. I focused on streamlined appointment scheduling, clear and downloadable test results, and an organized view of users' health history. These wireframes were then transformed into interactive prototypes for early user testing and feedback.

Miller's law - Focus- icon

User Interface design

After finalizing the wireframes, I designed a clean and accessible high-fidelity user interface. Key features include a centralized dashboard for appointments, test results, and health history, a color-coded appointment calendar, a detailed test results section with visual indicators, and a responsive design optimized for both mobile and desktop devices.

user testing - icon

User testing

Multiple rounds of user testing were conducted to gather feedback and identify potential issues. While users appreciated the simplified interface, some expressed concerns about information overload. To address this, I added collapsible sections and tooltips to provide additional guidance without overwhelming the user.

Results

This project highlights the importance of grounding design in user research and business requirements to create a system that aligns with functional needs and user expectations. By prioritizing user-centered design and iterative testing, we developed a portal that balanced business objectives with an intuitive, seamless user experience. The eHealth Member Portal exemplifies how thoughtful design can effectively address user pain points, overcome business challenges, and enhance the overall experience.

Lpatop screen with a design
Two laptop with the designs of the starting screen
A laptop screen with the product design
mobile with the designs of the starting screen