Embedded Files
PETI is a website that offers veterinarian services to pet owners with different needs who are looking for a variety of services.
PETI is a website that offers veterinarian services to pet owners with different needs who are looking for a variety of services.
PETI is committed to making its website easy and effective forall types of users.
PETI is committed to making its website easy and effective forall types of users.
The website is designed to be user-friendly to provide pet owners with
The website is designed to be user-friendly to provide pet owners with
the information they need.
the information they need.
It provides 24-hour emergency support, access to store, pharmacy and
It provides 24-hour emergency support, access to store, pharmacy and
other resources.
other resources.
The problem:
The problem:
Many veterinary websites are not clear about what services they offer and some are difficult to use.
Many veterinary websites are not clear about what services they offer and some are difficult to use.
Pet clinics website offer a variety of services, which can vary depending on the clinic.
Pet clinics website offer a variety of services, which can vary depending on the clinic.
It can be inconvenient for pet owners who need to purchase services from other websites or just schedule appointments .
It can be inconvenient for pet owners who need to purchase services from other websites or just schedule appointments .
The goal:
The goal:
Create a website that guides users through the process of using veterinary services in a simple, more effective and clear way.
Design website that helps users quickly and accurately locate what they are looking for.
Design website that helps users quickly and accurately locate what they are looking for.
The goal of a veterinary website is to provide a comprehensive and user-friendly online resource for pet owners to access
information, appointments, purchase pet-related products, services and communicate with veterinary professionals.
My role:
My role:
My role of a UX designer in a veterinary website is to create a user-friendly and engaging experience for pet owners.
Create a website that is easy to find the information users need about their pet's health, care, and services offered by the vet.
Also help users complete their desired tasks, needs and to achieve their goals without encountering unnecessary difficulties.
Also help users complete their desired tasks, needs and to achieve their goals without encountering unnecessary difficulties.
Making sure the user flow navigates smoothly through the website.
Making sure the user flow navigates smoothly through the website.
User Persona
Based on research I chosen to create one unique
persona to understand the needs, motivations and
behaviors of the potential users of the veterinary
website.
A user persona was created in order to further
empathize with the user.
Paul represents the typical user of the website.
I created user journey map to
I created user journey map to
see how Paul could interact
see how Paul could interact
with the website to identify his
with the website to identify his
possible pain point areas of
possible pain point areas of
frustration and to improve
frustration and to improve
opportunities.
opportunities.
The veterinary website should
provide clear and helpful
information to guide the user
and make the process as
smooth as possible.
This could include features
such as booking appointments,
medication reminders, online
pharmacy, consultations, etc.
User research revealed the need for a
simple experience.
With this in mind, I created a first version
of my site map which features a
straightforward architecture.
This should help users find right
information faster and prevent them from
having to go through too many page levels.
This is because the information is
organized in a way that makes sense and
is easy to follow.
Wireframes
Wireframes
Paper wireframes
Paper wireframes
I sketched some wireframes on paper to test several ideas and see which ones I could use to best address my users pain points.
I sketched some wireframes on paper to test several ideas and see which ones I could use to best address my users pain points.
Creating a single paper wireframe that combines all the elements I believe would offer the best user experience and good starting approach.
Creating a single paper wireframe that combines all the elements I believe would offer the best user experience and good starting approach.
Digital wireframes
Digital wireframes
Moving to the digital wireframes phase helped me visualize and understand how users would interact with website on actual screen.
Moving to the digital wireframes phase helped me visualize and understand how users would interact with website on actual screen.
This straightforward flow helped users find the information they are looking for and to complete the tasks they need to do.
This straightforward flow helped users find the information they are looking for and to complete the tasks they need to do.
Digital wireframe
Digital wireframe
screen size variation (s)
screen size variation (s)
Creating digital wireframes with screen size variations is a great way to ensure that your designs are user-friendly and accessible to everyone.
Creating digital wireframes with screen size variations is a great way to ensure that your designs are user-friendly and accessible to everyone.
I created user-friendly digital wireframes that are easy to use on different screen sizes and meet the needs of users.
I created user-friendly digital wireframes that are easy to use on different screen sizes and meet the needs of users.
The low-fidelity prototype
The low-fidelity prototype
Completing user flow and connecting all of the screens is an important step in creating a user-friendly website.
Completing user flow and connecting all of the screens is an important step in creating a user-friendly website.
At this point, users were able to complete process flow starting from the menu or homepage and ending with payment.
At this point, users were able to complete process flow starting from the menu or homepage and ending with payment.
Users can easily navigate from one page to another and complete their tasks without getting lost.
Users can easily navigate from one page to another and complete their tasks without getting lost.
Usability Findings
Usability Findings
Based on the usability studies conducted on the veterinary website, several findings were identified that could be addressed to improve
Based on the usability studies conducted on the veterinary website, several findings were identified that could be addressed to improve
the user experience of veterinary website and make it a more positive experience for users.
the user experience of veterinary website and make it a more positive experience for users.
Reviews for doctors was a great suggestion to enhance the website's functionality and provide users with more information about
Reviews for doctors was a great suggestion to enhance the website's functionality and provide users with more information about
the quality of care they can expect from a particular doctor.
the quality of care they can expect from a particular doctor.
Adding visuals to online Idiagnosis systems can help users find the information they need quickly and easily. Visuals can be a great way
to communicate information, especially when it comes to health conditions and symptoms.
This can be also helpful for users who are not familiar with medical terminology or anatomy.
Mockups
Mockups
Screen size variations
Screen size variations
During the design process, I had to rethink some parts of the design to make them more mobile-friendly.
During the design process, I had to rethink some parts of the design to make them more mobile-friendly.
Creating a mobile version of website ensures that users can access your content and services no matter where they are or what device they are using.
Creating a mobile version of website ensures that users can access your content and services no matter where they are or what device they are using.
.
.
High-fidelity prototype
High-fidelity prototype
Including design changes based on feedback from usability testing
is an important step in creating a high-quality hi-fi prototype.
By following the same user flow as the lo-fi prototype,
I ensure that the hi-fi prototype is consistent stays true to the
original design and includes the design changes made after the
usability study.
Here is a step-by-step process of how to create a hi-fi prototype
Here is a step-by-step process of how to create a hi-fi prototype
from beginning to end.
from beginning to end.
While working on this project, I learned a lot about the importance of the homepage for navigation.
While working on this project, I learned a lot about the importance of the homepage for navigation.
The homepage is often the first impression users have of a website.
The homepage is often the first impression users have of a website.
By understanding the importance of the homepage for navigation, I created a design that effectively communicates the website's
purpose, provides clear navigation options and guides users to relevant information.
By making design changes, I can improve the usability and overall user satisfaction with website.
By making design changes, I can improve the usability and overall user satisfaction with website.
In conclusion, going through the UX workflow from start to finish was very rewarding, it allowed me to fully see how each system
In conclusion, going through the UX workflow from start to finish was very rewarding, it allowed me to fully see how each system
blends into the next one providing information to build upon.
blends into the next one providing information to build upon.
Page updated
Google Sites
Report abuse