✦ UX Case Study

Frabe

A women's personal safety application that puts emergency response and safe navigation at the tip of your fingers.

UX / UI Design
Role
Android Mobile App
Platform
8 Weeks
Duration
2025
Year
01 — Overview

What is Frabe?

The Mission

Frabe is a personal safety mobile application designed to empower women with fast, reliable access to emergency services, helplines, and safe areas all in a single tap.

The app bridges the gap between feeling unsafe and getting real help, offering features like a one touch SOS button, horizontally scrolling emergency helplines (Police 100, Women Helpline 1091, Railway Help 182), safe area maps with nearby hospitals, police stations, pharmacies and more, CCTV activity logs, and real-time crowd density monitoring.

My Role

I led the end-to-end UX and UI design process from initial user interviews and competitive analysis through wireframing, prototyping, and delivering the final high-fidelity screens. I also worked alongside the development team to ensure pixel-perfect implementation.

The Challenge

Women in India face real safety threats daily on public transport, in crowded spaces, and late at night. Existing solutions were fragmented: calling the police required finding the number, safe area maps were separate apps, and there was no unified record of incidents.

The challenge was to design a single application that feels instantly usable under stress because in an emergency, seconds matter. Every tap, every screen, every color choice had to serve that core principle.

Tools Used

Figma  ·  FigJam  ·  Google Forms  ·  Adobe Illustrator

1 tap
To send an SOS alert with location to emergency contacts and services
3+
Emergency helpline cards (Police, Women Helpline, Railway) in a single scrollable row
9+
Safe area categories surfaced on the map, from police stations to ATMs
02 — Problem Statement
"How might we give women in India a fast, confident way to get help and navigate safely without fumbling through multiple apps in moments of fear?"

India reports millions of crimes against women annually. Emergency response times suffer because people can't quickly reach the right number, locate the nearest safe place, or alert contacts all at once, all instantly.

4.45M+
Cases of crimes against women registered in India in 2022 an average of one every 7 seconds (NCRB data).
72%
Of women surveyed said they feel unsafe using public transport alone after 8 PM (primary research, n=80).
< 8 sec
Target time for a user to trigger an SOS from unlocking her phone our core usability benchmark.
03 — Research

Understanding the User

I conducted mixed-methods research: 12 in-depth interviews with women aged 18–45, a survey of 80 respondents, and competitive analysis of 6 existing safety applications to identify gaps.

🎤

In-Depth Interviews

12 semi-structured interviews with women aged 18–45 across urban and semi-urban areas. Key themes: fear of public transport, difficulty reaching helplines quickly, unfamiliarity with nearby safe locations.

📋

Survey Research

  • 80 respondents across Puducherry, Chennai, and Bengaluru
  • Age range: 18–50
  • Questions on frequency of feeling unsafe, app usage, preferred features
  • 67% had never used a dedicated safety app
🔍

Competitive Analysis

  • Himmat Plus (Delhi Police) — Clunky UI, city-specific
  • bSafe — Strong features, poor discoverability
  • Shake2Safety — One trick, no rich context
  • Google Maps SOS — Hidden in settings

Gap: No app combined one-tap SOS + helplines + safe area map in a single, beautiful, stress-tested UI.

Survey Findings — What women want most

One-tap emergency SOS
91%
Nearby safe places on map
84%
Quick-dial helplines
79%
Alert trusted contacts
75%
CCTV / incident log
58%
Crowd density info
46%
04 — User Personas

Who we're designing for

Two primary personas emerged from the research, representing the spectrum of Frabe users.

👩
Priya Rajendran
College Student · Daily Commuter
Age 22

Priya takes the bus and local train every day between Puducherry and her college campus. She often returns home after 9 PM from library sessions and feels anxious on poorly lit stretches. She's tech-savvy and already uses Google Maps but wishes it had a safety layer.

Tech-savvy Daily commuter Budget-conscious Social media user
Goals
  • Get help instantly without unlocking and searching
  • Know which bus stops and roads are safest at night
  • Alert her mother when something feels wrong
Pain Points
  • Police helpline number not memorised
  • Existing apps are slow to open under stress
  • Doesn't know nearest hospital from unfamiliar areas
👩‍💼
Meena Subramanian
Working Professional · Administrator
Age 38

Meena manages a small team at a government office. She frequently travels to field sites and handles incident reports. She wants a tool her team can use to file and view SOS alerts and CCTV logs from a single dashboard and wants it simple enough for non-technical colleagues.

Admin role Field travel Manages a team Non-technical users
Goals
  • Monitor SOS alert logs and respond quickly
  • Review CCTV and crowd count reports in one place
  • Ensure her team's field members are safe
Pain Points
  • Scattered tools for different safety functions
  • No historical log to review past incidents
  • Difficulty proving incidents without CCTV records
05 — User Journey

Priya's Emergency Scenario

Mapping Priya's emotional and cognitive journey from sensing danger to receiving help revealing the exact moments where the design must be frictionless.

Stage Action Thoughts Emotion Opportunity
1. Sense danger Notices she's being followed on an empty street "Something feels wrong. I need help now."
Panicked
App must be accessible from lock screen
2. Open app Unlocks phone and taps Frabe icon "I hope this loads fast. My hands are shaking."
Anxious
Instant load, no splash screen delays
3. Trigger SOS Taps the large red SOS button "Did it go? Is someone coming?"
Tense
Clear confirmation animation + haptic feedback
4. Call helpline Swipes to Women Helpline card (1091) and taps "I need to speak to someone right now."
Cautious
Cards must be large, one-tap dialable
5. Find safe place Taps "View Safe Areas" to see nearest police station "Where can I go right now?"
Searching
Bottom sheet opens fast, shows 9 categories clearly
6. Reach safety Navigates to pharmacy 200m away, stays inside "I'm safe. The alert was sent."
Relieved
Post-SOS reassurance UI, cancel option
06 — Pain Points

What was broken

Synthesising research into the four critical failure points in existing safety solutions that Frabe directly addresses.

01
⏱️
Too many steps to get help
Users had to unlock, find the app, navigate menus, then dial. Average time to reach emergency call in competitor apps: 14–22 seconds. That's too long.
02
🗺️
No integrated safe location finder
Users had to switch to Google Maps and manually search for "police station near me" a separate app, separate context, precious time lost.
03
📞
Helpline numbers not memorised
72% of surveyed users could not recall the Women Helpline (1091) or Railway Security (182) numbers under simulated stress conditions.
04
📁
No incident audit trail
Administrators had no centralised log of SOS events, CCTV activity, or crowd density data making post-incident review and evidence collection impossible.
07 — How Might We

Reframing the problem

Translating pain points into design opportunities using the "How Might We" framework.

HMW 01
How might we reduce the time to trigger an SOS to under 8 seconds from phone unlock?
HMW 02
How might we surface all critical helplines without users needing to memorise a single number?
HMW 03
How might we show nearby safe areas in a single tap, without switching to another application?
08 — UI Design

The final screens

Every screen was designed around a single principle: usable under stress. Large tap targets, high-contrast colors, and minimal cognitive load at every step.

Authentication
Onboarding that feels warm, not clinical

The login and signup screens feature custom SVG illustrations a woman with a safety shield for login, and two figures connected by a heart for signup reinforcing the app's mission visually before a single tap is made.

  • Toggle tabs (Login / Sign Up) eliminate navigation confusion
  • Illustrated hero reduces the sterility of form-only screens
  • Gradient pink CTA button creates a clear, unmissable action
  • Admin login is accessible but not prominent correct hierarchy
Welcome back
Sign in to stay safe

Create account
Join us to stay protected
Have an account? Login
Core Feature
SOS Alert one tap, immediate action

The SOS screen is the heart of the app. A large, unmissable red button dominates the screen. Below it, horizontally scrollable helpline cards put Police, Women Helpline, and Railway Security one tap away no number memorisation required.

  • Radial gradient SOS button with triple pulse rings impossible to miss
  • Dark-toned helpline cards (navy, purple, blue) for strong visual differentiation
  • Each card shows the exact dial number prominently
  • "View Safe Areas" bottom bar slides up a full sheet of 9 safe categories
10:224.00KB/S · 72%
SOS Alert
Emergency help
needed?
SOS
🚔
Police
Emergency
100
🌸
Women Helpline
24×7 Support
1091
🚆
Railway Help
Rail Security
182
📍
View Safe Areas
Nearby safety spots
Safe Areas Nearby
👮Police Station
🏥Hospital
🚌Bus Stop
💊Pharmacy
Petrol Station
🏦Bank / ATM
🔥Fire Station
🚉Railway Stn
Café / Shop
Admin Panel
Logs that tell the full story

Administrators get a clean log selection panel and a timestamped SOS alert log everything needed to review, respond to, and report on safety incidents. Three log types: SOS, CCTV, and Crowd Count.

  • Log Selection uses iconography + colour-coded categories for quick scan
  • Each alert card shows message, date, and time at a glance
  • Red SOS badge creates instant visual priority ranking
  • Separated admin login flow maintains appropriate access control
10:232.00KB/S · 72%
Log Selection
10:232.00KB/S · 72%
SOS Alerts
🔴 SOS
Emergency help needed.
8 Feb 202512:35
🔴 SOS
Emergency help needed.
8 Feb 202512:34
🔴 SOS
Emergency help needed.
8 Feb 202512:34
🔴 SOS
Emergency help needed.
29 Dec 202423:00
09 — Design System

Colours & Typography

A constrained palette built for accessibility and emotional clarity hot pink signals urgency, deep navy grounds authority, soft neutrals provide breathing room.

Primary Pink
#FF0080
Pink Dark
#C8005E
Pink Light
#FFF0F7
SOS Red
#D94030
Deep Navy
#1A1A2E
Surface
#F8F7F5
Display / Hero
Inter : 700
SOS
Section / Title
Inter : 700
Emergency help needed?
Body / UI
Inter : 400
Tap SOS to alert emergency services and your contacts immediately.
Label / Caption
Inter : 600
Emergency Helplines
10 — Design Decisions

Why we made these choices

01
Horizontal scrolling helpline cards
Instead of a list or grid of numbers, the card format gives each helpline its own visual identity color, icon, and number making them scannable and memorable even under stress. The scroll gesture is natural on mobile.
02
Bottom sheet for Safe Areas
A bottom sheet that slides up keeps the SOS button visible and accessible at all times. The user never leaves the emergency context they just reveal more information on top of it. Tap the handle or backdrop to dismiss.
03
Illustration on auth screens
Safety apps often feel sterile and anxiety-inducing. Custom SVG illustrations of women in empowered poses not victimised ones were chosen to make the app feel warm and supportive from the very first screen.
04
Login / Sign Up tab toggle
New users could easily land on the wrong screen with separate pages. A tab toggle on a single screen eliminates navigation confusion and reduces the number of screens to maintain. Clear active state uses filled pink vs. outline.
05
SOS button sizing and placement
At 180px diameter with triple pulse rings, the SOS button is the largest tappable element on any screen in the app. Fitts's Law guided this the most important action must have the largest hit target and be centrally placed.
06
Admin / User separation
A single "Login as Admin" link on the user login screen keeps the flows separate without requiring a separate app. Admin users see a distinct shield icon and layout, reinforcing their elevated access context.
11 — Outcomes

Impact & results

Usability testing with 14 participants across two rounds, plus stakeholder feedback from the client implementation team.

6.2s
Average time from app open to SOS trigger down from a 14-second baseline in competitor testing
94%
Task success rate in usability testing for triggering SOS and finding a safe area in a single session
4.7★
Average usability rating (out of 5) from 14 test participants using the Figma prototype
0
Navigation errors recorded during Task 2 (finding Women Helpline 1091) after the card redesign
100%
Of test participants successfully opened the Safe Areas sheet without instruction after seeing the tab bar
3 wks
Time from final designs to developer handoff, with a full component library in Figma
12 — Learnings

What I took away

01
Stress-test your designs, literally
Standard usability testing underestimates the cognitive load of a real emergency. In round two, I asked participants to operate the prototype while holding a conversation tap counts dropped, errors rose. This led to increasing the SOS button size by 30% and removing one navigation step entirely.
02
Emotional tone is a design element
Early lo-fi prototypes felt clinical and scary. Adding the illustrated characters transformed participant reactions "this feels like it cares about me" was said unprompted by three different testers. Safety apps must feel supportive, not institutional.
03
Admin and user needs diverge sharply design for both, separately
Early drafts tried to merge admin logs into the user flow. This was wrong. Admins need density of information; users need radical simplicity. Separate flows, separate design languages but one visual identity connecting them.
04
The bottom sheet pattern earns its place
I was initially unsure about the bottom sheet for Safe Areas it felt like an extra interaction. But testing showed users preferred it overwhelmingly because it kept the SOS button visible. Never navigate away from the emergency context.