Ag
UI
Design
After understanding the user's problems and behavior, it's time to design the interface.
Typography
Color palette
Primary
Active
Disabled
Primary
Active
Primary
Primary
Active
Buttons
InPower
Community for Women and Non-binary individuals
Project
Overview
InPower, born as a Facebook group in 2014, has become a dedicated social media app for women and non-binary individuals experiencing online harassment.
Process
Research
We conducted a survey among the InPower community and gathered valuable feedbacks.
UX
UX Design
We sketched out our initial ideas based on user experiences
UI
UI design
An eye catchy quick-to-use interface to keep users engaged.
Research
We conducted a 10-question survey asking InPower users about their age, occupation, and what they are looking for in the InPower app.
Key user feedbacks
Age
73.4% of InPower users are in the 25-34 age range.
Occupation
An overview of InPower users’ occupation
Desired skills for improvement
The top 3 interpersonal skills that users want to improve on are: relationship building, mindfulness, self-expression,
Area of interests
The top 3 features that users find most engaging are: mental health, entertainment, and inspiring quotes and stories.
Informed by thorough user research, we developed detailed personas to better understand our diverse audience. The persona provides valuable insights into user demographics, behaviors, and preferences.
User persona
UX
Design
Based on user feedback and the company's current requirements, we developed the initial screen structure.
Goals/ main problem
Note
Given the project's focus on meeting the company's requirements, there isn't a specific problem statement. Rather, our goal is to design screens for the "resource library" tab of the app, encompassing four key features: magazines, blogs, self-development courses, and badges.
Structure
As there isn't a clear structure currently in place, we need to decide on the overall information architecture of the app. This includes determining the bottom navigation and how each feature is categorized under the resource library.
User Flow
Sketches
Wireframes
Hi-fi screens
