Overview
How my designs solved the challenge
5
Retrospective
4
Final Designs
3
Ideation
2
Research
1
Need Finding
Project Background
Grizz Veterinarian Services connects Veterinarian clinics and vets by allowing clinics to post shift openings and vets to accept those shifts. The project deliverables were an admin portal, a web app, and a mobile app. My contribution to this project was the web app. Another designer handling the other deliverables.
Designing a web portal for Grizz Veternarian
Services
Connecting veterinarian workers and clinics together, seamlessly.
My Responsibilities
UX Research
Prototyping
High and Low fidelity designs
Figma
Photoshop
Tools
Web App
Platform(s)
September 25th, 2023 - February 8th, 2024
Timeline
The Process
Challenge
1
Create a simple and effective sign up flow.
Challenge
2
Creating the best way to quickly manage shifts.
Challenge
3
Best way to manage applicants.
Personal Challenges and Reflections
This project was simple and the solutions direct. This showed me how important the small detail work is. This project reinforced for me that all designs, even the most simple ones, must be visually easy to understand at a glance. This is something I’ve continued to use after this project with great success.
Designed by Saulomon John 2025
Social
Get in touch at
The Challenge
Designing the best way to connect Veterinarians and Clinics together.
Sign up pages are as easy as they come to make, but the details are in the nuances.
Managing shifts breaks down into three main functions:
Viewing shifts
Deleting Shifts
Creating Shifts
What made this sign up process different was the need for clinics to verify that they were real. We wouldn’t want just anyone posting shifts. For the end of this page, I made sure to include “Continue” so that the user knew more was to come. As the user completes the steps, the “continue” button would light up and navigate them to the homepage.
You may have noticed the skip button in the previous design. That was specifically requested by the client. To meet this request and maintain the need for verification, a clinic would be able to view the app but not actually create shifts or manage applicants. The black bar on the top of the screen remains until the clinic provides the needed documentation and is verified by an admin.
To ensure the clinics have the easiest time viewing shifts, I displayed them in a table. Tables are a tried and true data display avenue that also allows for easy searching, sorting, and filtering to the data you want to see.
On the “Shift Posting Log” page we have our first instance of delete. By selecting the checkbox the delete button will highlight and allow the user to remove the selected shift.
Forms are straightforward, which means the magic is in the small details. Here I ensured that the contrast was high yet not jarring so the user will immediately lock onto the form fields. I used icons to further enhance the readability and purpose of each form field. One notable example of this is the calendar icon for the ‘start date’ and ‘end date’ fields.
As a rule of thumb, I always try to ensure the page allows the user to achieve their goals as fast as possible. That often manifests in ensuring things are preprocessed for the users using good layout principles such as hierarchy, space, and contrast. This ensures a path of least resistance for the user.
Finally, we have viewing a shift’s detail. I continued the trend of using icons for readability and consistency. This page also features the second instance of deleting a shifts.
Here clinics can see applicants that applied to the position and accept or deny them.
I styled each applicant name like a link to encourage clicking. Once the clinic clicks on the link they will be able to see the specific applicant information and decide to accept or reject them.
This greater task required three main parts:
Account creation
A shift creation, deletion, and viewing flow
A client viewing, accepting, and removing shifts flow
