P.E.A.C.E Initiative
Mobile App
Year: 2021
Duration: 2 months
Native Mobile App
Tools Used: Figma, Miro, Visual Studio Code, Photoshop, Github,
My Role: UI Design, User A/B Testing, User Research, Logo Creation.
.
Problem
Non-Profit Organization in need of a mobile app to compliment their current website.
Solution
Develop a mobile app to serve as tool and resource during an emotional crisis situation. Provide education, advocacy efforts to help improve community responses to domestic violence.
Challenge
Create a user friendly app to access during an emotional crisis situation.
User Persona
Helped to create a better understanding of potential users. Meet Sandy newly married mother of (2) looking for help to get out of an abusive relationship
Pain Points
-
Sandy is newly married in an abusive relationship, with (2) kids. Scared to leave out of fear of retaliation from her partner.
-
Sandy Does not want to have her children grow up without their father.
-
Sandy is frustrated with lack of community awareness or where to locate resources for help.
-
Sandy wants tpo be more open about her abusive relationship, but fears she will be judged from it.
User Research
I conducted an interview with the director of the P.E.A.C.E. Initiative, who was able to provide us with valuable information in creating a product others will benefit from. Targeting all people from men women, teens, adults, children, and elders. Bexar county is one of the most dangerous places for women and children when it comes to domestic violence.
Storyboard
Helped us to better illustrate findings during our research of what a potential domestic situation looks like to users.
User Insight
We discovered there are not many resources readily available for victims of domestic abuse.
We felt if victims felt they had a safe place for support, it will help prevent others from being trapped in similar domestic situations. Through research creating a mobile app would assist victims during an emergency situation.
Ideation
Information gathered from the stakeholder helped to complete the ideation process. Utilizing the I like, I wish, what if, and dot voting methods.
Wireframes
First iterations consisted of wireframes to use a framework and foundation for usability testing
Style Guide
Comprehensive set of elements used in the app development interfaces.
Prototyping
We used Figma to design various screens, scenarios, and key features of our wireframe as learning modules and visuals for our final product.