CDPH – PBMS – Kin Luca

CDPH – PBMS

Automatization Tracking System for CDPH (California Department of Public Health), allowing users to easily check and locate schools or facilities within a specified region.

publish date

July 3, 2021

project type

Web APP Design

client

CDPH (California Department of Public Health)

About CDPH – PBMS

Automatization Tracking System for CDPH (California Department of Public Health), allowing users to easily check and locate schools or facilities within a specified region.

concept

Create a minimalist, intuitive Chat AI dashboard that enhances usability while maintaining a clean and modern design.

challenge

Balancing simplicity with functionality, ensuring a seamless user experience without clutter or unnecessary complexity.

solution

A streamlined interface with foldable navigation, clear hierarchy, and an efficient layout that prioritizes usability and key features.

UI/UX Persona

Dolores Martinez de la Fuente, Manager

“I am a manager and I require the data promptly.”

Frustrations

Control panel.
Data is not present in certain actions.
Various browsers launched.
Nomonitoring system for various platforms.
Without Order.
Various browsers are active.

Demographics

Age: 25 – 40
Education: Degree in Business
Occupation: Manager
Tech literate: California Basic

Core needs

Struggles with controlling the number of documents.
Deficiency in a cohesive system.
Extensive document search.
Restricted teamwork features.

Easy as ever

Simplified Onboarding

The redesigned login interface introduces a simplified and visually intuitive design, minimizing clutter and enhancing user experience. The user-friendly redesign aims to reduce friction, providing a seamless entry point and smoother onboarding for new users. The dashboard's easy and simple redesign prioritizes a clean layout, presenting essential information at a glance with intuitive visual elements. Streamlined navigation ensures effortless access to key features, while a minimalist design eliminates unnecessary complexity.

Quick to access
No friction
Streamlined navigation
Minimalist design

Simple and powerful

Manage vaccine copies

Users can easily identify and select specific datasets, with a visual representation that allows for quick comparison of vaccination records. The management features include tools for merging or updating duplicate data, ensuring a streamlined and organized process for handling multiple copies of vaccine information within the system.

A user journey flowchart visually represents the sequence of interactions a user has with a product or service, illustrating their experience from initial contact to the accomplishment of goals.

User Journey Flowchart

User settings

Improved customization

Customize important notifications and your general profile, navigate to the settings menu where you can personalize notification preferences of alerts you wish to receive, and tailor your profile information, including details such as contact information and occupation.

Style Guide

Visual style is an essential part of a project as it helps create a standardized system of colors, fonts, buttons, text input, and many other components that will be combined and displayed on user screens.

Font Combination

Typography

Inter is a versatile and modern sans-serif typeface designed for optimal readability across various digital interfaces, characterized by its balanced proportions and clean, geometric shapes.

Palette

Color Scheme

Yellow is incredibly comfortable, gives a sense of security and builds trust in the product. Also, blue is often associated with depth and stability. So for the app, I chose blue as primary color, added dark blue and gray as secondary colors for making some accents, and used black and gray for the text color. Multiple colors helped to create a visual hierarchy of information.