top of page

Mobile App UI DESIGN



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.


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.




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


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 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.


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.

PNG image-97D56E291C2F-1.png
Foster Youth
iOS & Android App (React Native)
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.
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
Parole Officer
Web Application (React)
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
Human Service Worker
Web Application (React)
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