top of page

Mobile App UI DESIGN

PROJECT

"believr"

The redesign of a community app for LGBTQ+ Christians to find connection, belonging, and love. 

My Role

My role was to partner with the team and work directly with the CEO to enhance the user's experience of key features. I accomplished this by creating a unified design system, refining the user's flow, and reworking the navigation bar. Prioritizing my time on core features which would have the most impact for the community like Community Spaces, user's dating profiles, and the onboarding experience of newly released features. These were all designed primarily for iOS which was then adapted into Android.

DESIGN SYTEM

The company took a Brand-oriented design approach for both Android and iOS platforms. One universal design system with minor adaptations unique to each operating system.

Iconography

Fonts

PERSONAS

Because the app involved different types of users, a clear distinction between admin features and regular user features was outlined in the user flow.

ADMINS USERS

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.

REGULAR USERS

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.

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