Website Redesign

Nursing

Website Redesign

UX/UI Design
Research

Project Overview

The focus of the Board of Nursing website is to protect the public from unsafe nursing practices, as well as approve nursing education programs and issue licenses. Public trust is the most important aspect of the Board’s work.

Problem

The Board of Nursing website was becoming difficult to navigate and maintain. Since the creation, only content has changed. The homepage contained many links, and users were unclear about its purpose. Some pages had no branding, and the value proposition was located at the bottom of the site, so there was no sign of trust. Also, it didn’t adapt to different screen sizes.

Goal

Lorem Ipsum

My Role

UX Design, Research, Wireframes, Mockups

Process

Requirements Gathering

Kickoff

To get an edge on the Nursing Board and its goals, I held a Kickoff Meeting and met with stakeholders and the Project Manager to gather requirements. In the meeting, we learned more about their plans for the website and the users.

Research

Interviews

We interviewed individuals in different roles, such as nurses, students, and employees, to gain insight into their frustrations and overall experience using the website.

I noted that some 300 registered members have never used the Online System out of the conversation. Also, staff received many calls and had to direct individuals to the website.

Personas

I gathered the information from the initial kickoff meeting and interviews to create user personas that represented the primary audience.

Comparative Analysis

I explored the market segment to see what solutions other nursing sites provided their users. I viewed a few sites: Florida Nursing Board, Arizona Nursing Board, and NC Nursing Board.

Quantitative Analysis

Survey Results

The client provided survey results, which more than 400 users submitted. According to the results:

- 56% of users had questions about license renewal.
- 62% wanted to verify a license online.
- 75% of the users visited the discipline section of the site.
- 83% of users were looking to apply for a license.

Analytics

Analytics revealed pages with the highest traffic: Licensing, Education, Legal, Forms, Newsletter, Board, and Nurse Practice Act.

Content Inventory

I analyzed the current data on the website by conducting a content audit using Screaming Frog, which organized all of the data into a spreadsheet. I found duplicate pages, broken links, and outdated information.

Card Sorting Activity

I decided to conduct a card sorting activity with the client to help define the site’s architecture.

I wrote down information/page titles from the content audit on labels, stuck them on individual cards, and numbered them to prepare for the session.

During the session, I provided instructions to guide the participants through the activity. They organized information into categories that made sense to them. I observed and noted down their frustrations and comments while they were working. At the end of the activity, I photographed the piles and used numbers on the cards to record what the participants did.

I analyzed the information by adding the relationship of cards in Optimal Sort and generated reports that displayed the results.

Visioning

Sitemap

I established an organized hierarchy and simplified the navigation by making the 4 pages with the highest traffic the main links: License, Education, Legal, and Forms. I also added Resources and Board. I used the sitemap to define the pages needed to complete the site.

Features

- Clear Call To Actions
- Global sticky sidebar
- Search Bar
- Brand Identity
- Clear Value Proposition
- News section

Wireframes

After a few rounds of sketches, I used Axure to create the wireframes, generated shareable links, and presented them to stakeholders for their feedback. Then, after a few iterations and final approval, I moved on to high-fidelity design.

Mockups

For the more refined design, I used Sketch to create mockups.

Handoff to Development

Once the concepts were approved, I translated the designs into a WordPress website. Finally, I worked with QA and used BrowserStack to view various devices for final testing before launch.

Style Guide

I created a style guide for consistency in the mockups and for handoff to development to reference when creating the website.

Results

I took several measures to improve the Board of Nursing website:

Improved the overall look and feel to make the site more engaging.
Organized content in a way that encourages interaction and easy navigation.
Drove users to utilize the Online Services for nursing business.
Designed the site to be responsive and accessible to everyone.
Gained the trust of users.

The results of the redesign were immediate and productive.

20% decrease in web-related phone calls, and a
24% increase in visits to the site.
50% Increase in page views on mobile devices.
85% Increase in Conversion Rate