Okie Dokie is a platform designed to facilitate the connection between caregivers and people in need of care services for children, seniors, and pets, in a faster more convenient way.

What they needed

Okie Dokie needed a two-sided app, for caregivers to set up the services they offer and availability, and for people looking for caregiving services to add all their caregiver’s details and find, book, pay & manage their services.

My tasks for this project

Serve as a product manager, designer, and front-end developer. As a product owner, I had to oversee the different phases of the development cycle but also participate as the main UI/UX designer and front-end developer for the project.

Meeting with future users to define functionalities.

The first stage of the project was to define all the needed functionalities for the application. These functionalities were identified by gathering live feedback from prospective users and providers.

For people looking for care services, we try to include features meant to manage the details necessary to understand their care needs.  And for care providers, we tried to centralize all the features needed to manage their caregiving business on the app.

Site map for a macro view

Although variations in the screens for each user type, a general sitemap was created to understand on what pages the features were going to be located. This helped for the understanding of the later developed backend.

User Flow

After defining the application’s features, a user flow was developed to understand the flow of the different user types.

Wireframe

This wireframe was created between low fidelity and high fidelity to achieve a better understanding of the application’s features and interactions.

Mockup

After interactions with the wireframe and testing that all main features had an excellent user experience, a very detailed mockup was created to achieve a more realistic testing phase and ensure that all functionalities were ready for development.

First stage deliverable for backend programmers

After finalizing the first stages of wireframing and iterations, the initial badge of functionalities is sent to the backend developers.