HARP

Category: UI / UX, Web Development

Technology: Angular, Node.js, SASS, Adobe Illustrator, Adobe Premiere, InVision, OptimalWorkshop

Role: UI/UX Design Lead, UI Developer

Client: Centers for Medicare and Medicaid Services (CMS)

View the live site.

HCQIS Access Roles and Profile (HARP) is a secure identity management portal provided by the Centers for Medicare and Medicaid Services (CMS). Creating an account via HARP provides users with a user ID and password that can be used to sign into many CMS applications. The HARP team had 3 months from start to finish to deploy the MVP HARP applications. With a lot of collaboration, the team successfully designed, developed, and delivered the apps on time. For this project I iterated on initial wireframes and InVision prototypes, conducted user interviews with Security Officials to drive MVP requirements, groomed the designs with the product owner and developers, and once the design was relatively solidified I developed the Angular UI. All of the app styling was designed in code to help speed up the development process.

Now that we are in production and deploying enhancements on a regular Agile cadence, we continue to conduct user research on the HARP applications in production. Based on user feedback, we create user stories for our enhancement recommendations. Some user research we’ve conducted:

  • HARP Registration survey
  • HARP Security Official app survey and user interviews
  • HARP Registration error message user interviews
  • HARP User Roles role request survey

HARP Registration

The HARP Registration app is where users register for a HARP account to log into one or many Centers for Medicare and Medicaid Services (CMS) applications. There are strict security requirements for this application, so all users who register for a HARP account must go through identity proofing where their identity is verified via Experian.

Training video I created with Adobe Premiere walking through the HARP registration app workflow.

HARP-registration_profile-infog
HARP-registration_account-info
HARP-registration_remote-proofing
HARP-registration_confirmation-remote-proofing

HARP Login

The HARP Login app is pretty straightforward – it is how the user logs into HARP. The HARP Login app allows the user to set up two-factor authentication for the first time, so logging into HARP is the first step after completing account creation. The app is also where the user has access to standard functionality like forgot user ID, password reset, and full account recovery.

Training video I created with Adobe Premiere walking through the HARP password reset flow:

HARP-login_login
HARP-login_mfa-setup-addg
HARP-login_mfa-setup-security-code
HARP-login_select-destination

HARP User Profile

The HARP User Profile app is where the user can manage their account information. The user can edit their Profile Information, change their password, update their challenge question, and add/remove two-factor authentication devices.

Training video I created with Adobe Premiere walking through the HARP User Profile functionality:

HARP-userprofile_profile-info
HARP-userprofile_change-password
HARP-userprofile_challenge-question
HARP-userprofile_two-factor-devices-add-device

HARP Security Official

The HARP Security Official app contains security official-specific functionality. The User Lookup functionality allows the security official to search for users within their organizations. The Role Requests functionality allows the security official to approve and reject pending role requests. Additional user information is available by clicking on the “View” link per user.

Training video I created with Adobe Premiere walking through the HARP Security Official functionality:

HARP-SO_user-lookup
HARP-SO_role-requests
HARP-SO_user-profile

HARP User Roles

The HARP User Roles app is for users to request one or many user roles for various Centers for Medicare and Medicaid Services (CMS) programs/applications. They can also view their pending role requests and any existing approved roles.

Training video I created with Adobe Premiere walking through the HARP User Roles functionality:

HARP-userroles_manage-roles
HARP-userroles_select-program
HARP-userroles_select-organization
HARP-userroles_select-roles