Currently Open for Work and Hire. Contact me with details

ZebraCares, Jasper

Offering UX and UI services for clients nationwide

Overview

I offer full-stack UX/UI services for clients across industries and company size nationwide. I specialize in user experience, user research, and user interface design.

Typical Workflow includes:

Deliverables include:

Clients in this case study

ZebraCares

Helping leasing agents serve their clients best

Overview

ZebraCares is a leasing service company for property managers based in Chicago, IL. Zebra aims to help property managers regionalize their leasing office efforts through a distributed workforce through on-demand tours. They offer a centralized scheduler, after-hour tours, and a streamlined universal application.

Role:

Lead Web Designer

Duration:

1 week

Tools:

Wix

The Task

ZebraCares is a sister company of a past client I worked with. You can see my previous work on McRealty Partners. My client needed a website launched in a few days and reached out to me to put implement his team's designs and offer improvements and suggestions.

The goal of the website was to showcase what ZebraCare is and tie it to an existing website for one of their services. My client needed a landing page that was professional and simple.

Role and Responsibilities

As the sole web designer responsible for the website, I led the plan and implementation of designing and launching the website. My responsibilities included:

To see the live version, please visit the site below

Jasper

Patient financing platform

Overview

Jasper is an end-to-end payments and financing platform based in Brooklyn, NY. The goal of Jasper is to improve patient access via simplified payments and friendlier financing options. Patients can book appointments, view estimated prices, get pre-approved, automated bills, and more. Jasper offers a customized payment plan for every patient.

Role:

UX / UI Design intern

Duration:

2 months

Tools:

Figma

Discovery

The interns and I started by learning where Jasper's team was at currently and what needed to be done in the next 2 months. The project manager we collaborated with shared documents and research previously conducted about patients and office managers at dental offices. Jasper's team already has an MVP version of the product. Jasper was looking to launch a beta version and have several dental offices sign up for a test.

Design Audit

The team started with a preliminary audit of the existing designs and searched for areas of improvement. The goal of the audit was to see if both the UX and UI were clear to me as a first time user. I wanted to see if any questions came up and find areas that were unclear, inconsistent, undiscoverable, or exhibited poor usability. My questions during the audit included:

Despite the fact that Jasper possessed many of the core functionalities for the product, it still had room for improvement and streamlining. The interns and I set our focus on improving the UX and UI of the core features focusing on our two main personas - the patient and office manager.

Old Designs

I set out to redesign the provider dashboard. My main objectives were:

Mocks

Below are examples of redesigns I was in charge of during the internship. I led the planning and implementation of the features.

Daily - Calendar Appointments

We updated the daily tab to include a calendar and slide out appointment request feature. The goal of the redesign was to create a single page that will show the office manager the most useful information for each day. We want the office manager to be able to take care of pending items all on one screen, and keep track of incoming patients.

  • New Appointments will include any pending appointment requests that come in. The office manager can confirm or reschedule appointments depending on availability.
  • Today's Appointments includes a running list of all appointments on that particular day. The day corresponds with the calendar. Today's appointment's cards will lead the office manager into each individual appointment details.

Confirm or Reschedule Appointment Flow

I updated the confirm and / or reschedule appointment screens. I borrowed the calendar framework from Material Design to help create the appointment flow.

  • The slideout component includes all details of the appointment and the action item.
  • The calendar shows the other appointments during that day.

Payments

I created a new section for payments, which is another important function for office managers. The goal of this page was to serve as a comprehensive data table of all pending payment requests that the office manager needed to take action on.

  • Views and filters allow the office manager to create views that are helpful and easy to access on a daily basis.
  • Each row item leads to the specific appointment each payment is associated with for further details.

Appointment Card

I made UI and information architecture updates to the appointment card to allow for better readability and component organization. The goal was to create a layout that was easier on the eye, consistent with other redesigned screens, and presented all the needed information.

  • The appointment card shows all necessary information tied to single appointment and allows the office manager to make updates and changes.
  • The payments block is an extension of the Payments screen. This shows the details for each individual payment type.