top of page

Mobile & Web App UX/UI DESIGN

PROJECT

"PAM"

A platform to support youth returning to society after leaving the juvenile justice system.

PDF. of mobile app screens

My Role

Lead the UX & UI design by working with stakeholders to design this award winning UI prototype; a suite of applications that work to mobilize Philadelphia youth towards opportunities in workforce, education, and human services.

  • 54 Mobile App Screens (for Youth)

  • 20 Web App Screens (for Parole Officers)

  • Brand Image & Guidelines

PERSONAS
PNG image-97D56E291C2F-1.png
Rasheem
Foster Youth
Philadelphia, PA
17 years old
PNG image-120C773D0E59-1.png
ROCHELLE
Parole Officer
Philadelphia, PA
45 years old
PNG image-633E50754D8C-1.png
RONNY
Human Service Worker
Philadelphia, PA
34 years old

Because this project involved different types of users, understanding each personas was essential for developing a platform that reflects the lived-realities of each user.

Rasheem

Rasheem owns an older model Android phone. He recently left the juvenile justice system and is looking to work or volunteer. He spends time on Snapchat and Instagram, however, his family limits how much time he spends on his phone.

ROCHELLE

Rochelle has worked as a parole officer most of her life. She's extremely busy at work and gets frustrated when her job mandates the use of new technology solutions. She operates a windows computer but is not tech savvy and wants a less stressful workflow. Rochelle's role involves meeting with the youth to outline goals to prevent recidivism and create progress reports which gets submitted to her department.

Ronny

Ronny is a new human service worker. His program receives funding based on number of clients served. He's comfortable with technology and uses a laptop and and iPhone to recruit clients for his program. 

CHALLENGES

How can the app motivate users to seek opportunities?

My design gamified the experience allowing users to earn priviledges and unlock new features as they fulfill opportunities.

 

What if the Philadelphia youth don't use the app?

To increase usage incentive, early in development, our team conducted UX/UI research including targeted stakeholders to help shape the prototype. My design incorporated the results to create a product that reflects the real-life experiences of users.

 

Foster youth raised concerns around the misuse of the app to further criminalize them. Refusing to use it if parole officers could track them through the app.

 

Parole officers wanted the app to reduce their manual labor by automatically suggesting job and volunteer opportunities for youth. Even more, they found interest in the platform if it could facilitate generating and reporting progress reports.

 

Human service workers were in alignment with the app's purpose and saw it as an opportunity to recruit new clients while offering mentorship and guidance through the platform.

USER ANALYSIS
GOALS & FEATURES
PNG image-97D56E291C2F-1.png
Rasheem
Foster Youth
iOS & Android App (React Native)
GOALS
FEATURES
Does not wish to be GPS tracked by parole officer.
App auto deletes location information every 24 hours, but maintains encrypted records of activity log for user's benefit.
Choose what information is shared with parole officer.
Share items in activity log for parole officer to view.
Privacy
Encrypted activity log viewable only to the user.
Find work or volunteer opportunities.
Explore & receive information about volunteer & work opportunities from the map-directory.
PNG image-120C773D0E59-1.png
ROCHELLE
Parole Officer
Web Application (React)
GOALS
FEATURES
Easily create progress reports.
Activity items shared by youth create automatic reports.
Open channel of communication with youth.
In-app chat to facilitate text-based check-ins.
Easily share resources with youth.
Ship information from the map-directory about volunteer & work opportunities.
PNG image-633E50754D8C-1.png
RONNY
Human Service Worker
Web Application (React)
GOALS
FEATURES
Share resources to youth
Share program information to youth via chat.
Wants to recruit youth for programs.
Submit program information directly to the map directory.
bottom of page