RIVH Site Design

Responsive website design for a (fictitious) local veterinary hospital.

The Rhode Island Veterinary Hospital needed a brand refresh along with a website redesign focusing on improving the new pet registration process.

Problem

As with the human medical system, the experience of collecting pet patient information is stuck in the past.

Existing systems create more work for both users and staff who interact with them. From redundant information entry to the inability to perform any actions autonomously, these systems are out of date and are in desperate need of an overhaul. 

Solution

Design a new website experience that provides veterinary staff with all the essentials required for daily duties while maintaining ease of use for clients using a refreshed branding package. By providing user autonomy to perform certain tasks, we will free up time for veterinary staff to keep focus on what matters most, your pet.

Goal

Reduce the stressors that come with any medical interaction by creating a platform that is uncomplicated and invites user collaboration where needed.

MacBookAir displaying the pet profile page of the RIVH web design on a white background with a light blue wavy pattern
pet profile page web view

Research, Methodology & Design

After conducting interviews to identify target users and their pain points, usability studies were performed to determine what steps of the pet registration process can be streamlined and what aspects need to remain as vital for veterinary industry integrity. Affinity maps were created based on user feedback and direct quotes about specific pain points or areas of delight in current systems. With the insights gained, necessary tweaks were made to my design ensure that users are able to complete the actions required for adding a new pet to an existing or newly created account with ease.

Two remote moderated usability studies were conducted, consisting of 5 participants following prompts leading them through the process of adding a new pet to an account on the RIVH website prototypes. Participants in the second study also completed a system usability survey after their experience with the high fidelity prototype. Both studies confirmed initial assumptions that the ability to create an account needs to be prominent on the home page as well as the need for clear language around upcoming pet appointments.

User research: pain points of veterinary experiences. Numbers 1 through 4 are shown in red circles above pain points listed in order: 1 - redundancy: much like human medical visits, users are asked to state their pet's entire medical history at each vet visit, 2 - no autonomy: most folks would prefer to request or schedule appointments on the own online rather than having to call or visit a physical office to do so, 3 - multi-pet support: users want a view of all their pets' appointments and information in one place to help with scheduling, 4 - outdated design: vet websites are hard to navigate and are not responsive to different device sizes making navigation and overall use difficult.

Paper ideation sketches and wireframes were transformed into digital wireframes to create a lofi prototype for initial user testing.

a pile of papers with sketches in blue ink

Ensuring that my participants owned a variety of pet species was an integral part of the study as they were able to provide feedback on aspects of veterinary interactions I myself have not experienced. This helped me create a flow that only displays relevant information to users based on what their unique needs are, saving time and frustration while providing a personalized experience.

screenshot of the high fidelity prototype screens and their web-like connections which create the user flow.
screenshot of the high fidelity prototype connections
Accessibility considerations. The numbers 1 through 3 are displayed in orange circles. 1 - In instances where icons are used, thy are accompanied by a label to ensure clarity. Icons help users with navigation as well as interpretation. 2 - provide a high contrast design in an effort to make the site experience visually appealing and functional to a wide range of users. 3 - annotations are provided so traversal order of elements for assistive technology is created correctly.

Check out the high fidelity web prototype here

Takeaways

Pet parents are looking for transparency into their pet's health records, an easy mode of communication with the vet staff, as well as access to perform actions like scheduling, asking questions and adding information online, on their own time.

I learned that simplicity and clear, honest communication are key elements to creating an enjoyable experience for users in this scenario. After interviews, testing and many design iterations, I believe I have fulfilled the needs of both pet owners and the staff of the veterinary hospital with this site and flow redesign.

The left screen shows a low fidelity, greyscale version of the "Your Pets" page of the RIVH website, there are 2 dates on the calendar that are colored in indicating scheduled pet appointments. The right screen shows the high fidelity version of the same page now in full color and with images in place of icons.
low and high fidelity versions of the "Your Pets" page

The RIVH Contact page with the heading "Let's Connect" in orange lettering at the top of the page. A map showing the office location is shown on the right hand side of the screen.
contact page

The RIVH create an account page shown with the heading "Welcome, we're so happy you're here!" title at the top. Benefits of creating an account are listed above the information fields and instructions.
create account page

Thank you for taking the time to read this case study! Please feel free to check out my other projects or send a message if you have questions or would like to get in contact with me.

Other projects: 

© 2023 All rights reserved by Ally Cutrona