Cozy Paws Pet Hotel Website

Cozy Paws Pet Hotel Website

Cozy Paws Pet Hotel Website

Background

Background

Background

According to Statistics from MadeInCa website, 77% of the households in Canada own a pet. Of those, 23% own a cat, 20% own a dog, and the remaining 13% own a mixture of cats and dogs. They are predicting that this number will increase in the years to come. Between January 2023 and April 2023, according to CTV News, the number of Canadians who took trips abroad was estimated at more than 10 million. 

Given these numbers, A lot of Canadians are booking pet hotel for their beloved pets, as we treat them not as pets only but a part of our family. The current booking process of most pet hotels/boardings here in Alberta is to visit the website and call the facility to check for available rooms on your desired date, which is a long process just to check for room availability.

Challenges

Challenges

Challenges

Most Pet hotel website's booking process in Alberta,CA is for the client to call the facility, and ask for the availability of the rooms if ever the room is available on the desired date the call takes longer as they will take the pet details while on the phone call. After that are the add-on services to go with the pet stay. Although, according to most pet hotels there rooms are almost always available and that process right now works for them. But is not always a 100% available, eventually they will be a date that their rooms are fully booked which if this happens will end up having a User call a lot of pet hotels just to check for availability.


What the study accomplished

What the study accomplished

What the study accomplished

Identified that users are getting discouraged from booking a pet hotel cause of the long process

Designed a new process where Users can quickly see if the room is unavailable on the date they prefer and let them book the room online and add additional services to go with their hotel stay which made the process efficient, fun and enhanced the users' experience.

Identified that users are getting discouraged from booking a pet hotel cause of the long process

Designed a new process where Users can quickly see if the room is unavailable on the date they prefer and let them book the room online and add additional services to go with their hotel stay which made the process efficient, fun and enhanced the users' experience.

Empathize/Define

Empathize/Define

Empathize/Define

Creating Research Goals

Creating Research Goals

Identify the pain points of the users during the booking process

Identify the pain points of the users during the booking process

Identify the pain points of the users during the booking process

Uncover potential solution to relieve the users' paint points

Uncover potential solution to relieve the users' paint points

Uncover potential solution to relieve the users' paint points

Identified that users are getting discouraged from booking a pet hotel cause of the long process.

• Using the different research methodologies (Competitive Benchmarking & User Interviews), There was three clear major pain points from all the pet hotel websites in Alberta:

Identified that users are getting discouraged from booking a pet hotel cause of the long process.

• Using the different research methodologies (Competitive Benchmarking & User Interviews), There was three clear major pain points from all the pet hotel websites in Alberta:

Major Pain Points

You'll have to call the facility to check for room availability

After selecting the date, the website will ask your details and give you the facility's number to call.

Unable to enter your pet's special needs.

Where we are right now?

Where we are right now?

The current booking process pet hotels in Alberta currently have is in two kinds. The first is you'll have to call the facility to get availability and the second one is you'll have to create an account and enter all your details just to get the availability of the room. Most of this hotels have a fixed schedule and not taking any other special needs of the pets. Based on the User Interviews, the users are getting discouraged on how the booking process is set up as they wanted to know if there is room available for their pet before giving out any information. Another reason is that most of the pets have special needs or schedule they follow and most of the pet hotels in Alberta have their own schedule.

Affinity Diagram

Affinity Diagram

Using an Affinity Diagram, I incorporated all the notes from different interviews and competitive benchmarking to gather all the ideas generated in the research. Categorized them into Positive and Pain Points then grouped into different categories with the same designation. The three main pain points listed above has been mentioned several times. It also showed how users like bit chunks of information rather than bombarding them with a lot of information.

Using an Affinity Diagram, I incorporated all the notes from different interviews and competitive benchmarking to gather all the ideas generated in the research. Categorized them into Positive and Pain Points then grouped into different categories with the same designation. The three main pain points listed above has been mentioned several times. It also showed how users like bit chunks of information rather than bombarding them with a lot of information.

User Journey Map

User Journey Map

The Journey Map helps us understand the users' goals, frustrations, and pain points. Considering this map during the next phase of the process will help us design a more user-centric design. To summarize, the current user journey is frustrating. When they go online to check the availability of rooms in a specific hotel, the website either takes their information first or directs them to call the facility to get the availability of the rooms.

The Journey Map helps us understand the users' goals, frustrations, and pain points. Considering this map during the next phase of the process will help us design a more user-centric design. To summarize, the current user journey is frustrating. When they go online to check the availability of rooms in a specific hotel, the website either takes their information first or directs them to call the facility to get the availability of the rooms.

User Persona

User Persona

Creating User Personas based on the interviews helps us empathize with the users. It helps us understand their frustrations and the frustrations of the scenario. It also helps us define the problems they are encountering, which we can take into consideration when we design the product or the system.

Creating User Personas based on the interviews helps us empathize with the users. It helps us understand their frustrations and the frustrations of the scenario. It also helps us define the problems they are encountering, which we can take into consideration when we design the product or the system.

Ideate

Ideate

Ideate

The Design Process

The Design Process

I started the design process by trying to create the website's feel and vibe based on the interviews and competitive benchmarking. Based on the research, having the website give off a fun and vibrant vibe will help users enjoy using it.

Creating a sleek and modern website that evokes a fun and vibrant mood is challenging. You'll have to consider the colours, fonts, and images used.

I started the design process by trying to create the website's feel and vibe based on the interviews and competitive benchmarking. Based on the research, having the website give off a fun and vibrant vibe will help users enjoy using it.

Creating a sleek and modern website that evokes a fun and vibrant mood is challenging. You'll have to consider the colours, fonts, and images used.

User Flows

User Flows

Creating a desired user flow while considering users' frustrations and pain points will help us design a user-centric and user-friendly product. This new user flow allows the user to see available rooms first after they enter their desired dates, number of pets, and pet classification.

Creating a desired user flow while considering users' frustrations and pain points will help us design a user-centric and user-friendly product. This new user flow allows the user to see available rooms first after they enter their desired dates, number of pets, and pet classification.

Wireframes

Wireframes

Based on the research, I started with low-fidelity sketches to quickly design the user interface. Using Wireframe helped work on the layout and the flow of the user interface. On the design, I wanted to give a user a familiar feeling, and what is common between pet owners is that they walk their loving pets. I used the story of walking your pet in a park as a breadcrumb. Also, to address the pain points of the user, I designed a new booking process that will allow the user to see room availability first after they enter their desired dates, number of pets and pet classification. After selecting a room, the next page is where you add additional services and specials needs of the pet. The informations regarding booking are also divided into bite chunks of information so that the user will not be overloaded in information.

Based on the research, I started with low-fidelity sketches to quickly design the user interface. Using Wireframe helped work on the layout and the flow of the user interface. On the design, I wanted to give a user a familiar feeling, and what is common between pet owners is that they walk their loving pets. I used the story of walking your pet in a park as a breadcrumb. Also, to address the pain points of the user, I designed a new booking process that will allow the user to see room availability first after they enter their desired dates, number of pets and pet classification. After selecting a room, the next page is where you add additional services and specials needs of the pet. The informations regarding booking are also divided into bite chunks of information so that the user will not be overloaded in information.

Building the Brand

Building the Brand

Primary Colours

Primary Colours

Maximum Green
Hex#4A9405

Maximum Green
Hex#4A9405

I used this particular green since it gives off a relaxing feel. A not-so-bright green, it reminds you of a leaves during the spring while taking a walk in the park

I used this particular green since it gives off a relaxing feel. A not-so-bright green, it reminds you of a leaves during the spring while taking a walk in the park

Windsor Tan
Hex#AF663D

Windsor Tan
Hex#AF663D

This brown gives off a natural vibe and is also one of the most common colours you see in nature.

This brown gives off a natural vibe and is also one of the most common colours you see in nature.

Logo

Logo

Typography

Typography

Headline

Headline

Caveat Brush

Caveat Brush

The font conveys fun and play without sacrificing the readability of the font.

The font conveys fun and play without sacrificing the readability of the font.

Headings & Body

Headings & Body

Inter

Inter

A sans-serif text that is finesse and simple. It is also designed to aid in readability of mixed-case and lower-case text.

A sans-serif text that is finesse and simple. It is also designed to aid in readability of mixed-case and lower-case text.

Prototype

Prototype

Prototype

Modern and Fun Website

Modern and Fun Website

Designed a new process where Users can quickly see if the room is unavailable on the date they prefer and let them book the room online and add additional services to go with their hotel stay which made the process efficient, fun and enhanced the users' experience. Creating a sleek and modern website that evokes a fun and vibrant mood is challenging. Almost 80% of clients walk their pets at the park, so I incorporated walking in the park into the booking process to make it familiar to the user. The breadcrumbs are like process indicators, and I want to treat this process like walking in a park.

Test

Test

Test

The goal of the project is to expedite the booking process. The current process usually takes time, such as calling the facility and waiting for an employee to answer and ask for availability and information. To be sure that we expedited the process of the new design. We had the following goals for the user testing.

The goal of the project is to expedite the booking process. The current process usually takes time, such as calling the facility and waiting for an employee to answer and ask for availability and information. To be sure that we expedited the process of the new design. We had the following goals for the user testing.

Test the booking process

Test the booking process

Test adding special instructions with the stay

Test adding special instructions with the stay

Test adding services with the pet stay

Test adding services with the pet stay

Scenario & Results

Scenario & Results

The scenario is that you need to book a hotel for your Golden Retriever puppy since you are going on vacation and you can't bring him along with you. You are going to get a grooming service and a training program to go with your pet's stay. The dates are from November 19 - 21 and you'll want the Luxury Suite for your puppy.

The scenario is that you need to book a hotel for your Golden Retriever puppy since you are going on vacation and you can't bring him along with you. You are going to get a grooming service and a training program to go with your pet's stay. The dates are from November 19 - 21 and you'll want the Luxury Suite for your puppy.

"It's nice to book a pet hotel like booking a human hotel."

"It's nice to book a pet hotel like booking a human hotel."

"It looks great and vibrant!…"

"It looks great and vibrant!…"

"The booking process is straight-forward"

"The booking process is straight-forward"

Key Takeaways

Key Takeaways

Key Takeaways

The key takeaway from this project is that users respond to processes they are familiar with. In this study, the users responded well to the booking process, which is the same process as booking a hotel in a human hotel. I designed the User Interface's visuals to be vibrant and use colours and familiar visuals you see in a park. I noticed that users' attention is sparked by something they find interesting, and the average user's attention span on a site is less than 15 seconds.

The key takeaway from this project is that users respond to processes they are familiar with. In this study, the users responded well to the booking process, which is the same process as booking a hotel in a human hotel. I designed the User Interface's visuals to be vibrant and use colours and familiar visuals you see in a park. I noticed that users' attention is sparked by something they find interesting, and the average user's attention span on a site is less than 15 seconds.