-
Notifications
You must be signed in to change notification settings - Fork 9
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
be59b81
commit c6866a9
Showing
1 changed file
with
30 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,30 @@ | ||
# **UI/UX Case Study: WeSafe - Empowering Women with Safety** | ||
![Celestify](https://github.com/hashcoder-deepanshi/UI-UX-Case-Studies/assets/105001468/151af152-2909-4062-9dd2-dbe3dec70607) | ||
|
||
|
||
## **Introduction:** | ||
WeSafe is a women-centric safety app designed to provide a secure and empowering user experience. With a primary color scheme of various shades of pink, the app aims to evoke a sense of warmth, compassion, and empowerment. This case study delves into the UI/UX design decisions that went into creating WeSafe, ensuring both functionality and aesthetics align with the app's mission. | ||
|
||
## **Objective:** | ||
Create an intuitive and visually appealing user interface for WeSafe that fosters a sense of security and empowerment among women. | ||
|
||
## **Color Palette:** | ||
Pink, being a color often associated with femininity and warmth, was chosen as the primary color for WeSafe. The gradient of pinks conveys a range of emotions from calmness to urgency. This color scheme is complemented with neutral tones for background elements, ensuring readability and reducing visual fatigue. | ||
|
||
## **Typography:** | ||
To maintain readability and convey a modern yet approachable aesthetic, the Roboto font family was selected. It provides a clean and contemporary look, ensuring a seamless user experience. | ||
|
||
## **Logo and Iconography:** | ||
The WeSafe logo is a combination of a shield and a female symbol, symbolizing protection and empowerment. Iconography across the app follows a consistent style, using easily recognizable symbols for features like location tracking, chat, and emergency services. | ||
|
||
## **User Onboarding:** | ||
The onboarding process is kept simple and engaging, introducing users to the app's features one step at a time. Illustrations of diverse women in various scenarios set a positive tone and assure users that WeSafe is designed with their safety in mind. | ||
|
||
## **Homepage:** | ||
The homepage is designed with a user-centric approach, featuring the primary functionalities prominently. A large, accessible panic button dominates the screen, emphasizing its importance. Quick links to emergency contacts, safety analytics, and community support are easily accessible. | ||
|
||
## **Map Interface:** | ||
The map interface employs a clean and uncluttered design, with easily distinguishable markers for safe routes, high-risk areas, and user location. The gradient of pinks on the map reflects the urgency level, providing a quick visual cue. | ||
|
||
## **Conclusion:** | ||
WeSafe's UI/UX design prioritizes simplicity, functionality, and an empowering visual aesthetic. The pink theme, along with thoughtful iconography and intuitive navigation, contributes to a positive user experience. WeSafe is not just a safety app; it's a companion that ensures women feel empowered and secure in their daily lives. |