December 7, 2024

Sahyog

Sahyog

Sahyog

Sahyog is a disaster relief coordination platform designed to connect affected individuals, volunteers, donors, and organizations. While the long-term vision encompasses all these stakeholders, this case study focuses on the UX design for affected individuals seeking aid—a critical first step in building the platform.

Sahyog is a disaster relief coordination platform designed to connect affected individuals, volunteers, donors, and organizations. While the long-term vision encompasses all these stakeholders, this case study focuses on the UX design for affected individuals seeking aid—a critical first step in building the platform.

Sahyog is a disaster relief coordination platform designed to connect affected individuals, volunteers, donors, and organizations. While the long-term vision encompasses all these stakeholders, this case study focuses on the UX design for affected individuals seeking aid—a critical first step in building the platform.

@nandi

@prianca

@nandi

@prianca

@nandi

@prianca

Year

2024

Platform

Android

Category

Portfolio

Duration

4 Weeks
Context
Background

Natural disasters often disrupt lives, leaving individuals, volunteers, donors, and organizations struggling with fragmented and inefficient relief efforts.

Industry

Disaster Management & Relief Technology

Problem Statement
Define the Problem

During disasters, affected individuals often struggle to access timely and reliable aid due to fragmented communication, lack of real-time information, and poor connectivity. This leads to delays in receiving essential resources like food, shelter, and medical assistance. Sahyog addresses these challenges by providing a user-friendly platform tailored for affected individuals, while setting the stage for broader coordination.

Key Challenges
  • Fragmented communication and lack of real-time updates.

  • Complex processes that hinder quick aid requests

  • Difficulty accessing aid in areas with poor connectivity.

Project Goals
Primary Goals

The primary goal of Sahyog is to create a user-friendly platform that enables affected individuals to request and track aid efficiently, access official and community alert updates, post messages, call emergency helplines, check if they are in a safe zone based on their current location, message volunteers for support, locate nearby shelters with availability details, and view the current disaster status to stay informed and prepared.

Success Metrics
  • Streamlined aid request process for faster submissions.

  • Intuitive design that accommodates diverse user needs.

04

Solution

Inshort

Solution

Inshort

04

Solution

Inshort

Crafted

solution

The flow guides users through a focused three-step journey to request food medical or shelter assistance
Result: Reduced user effort and task time by 42 percent in prototype testing

Requests are auto-filled with the user’s current location for quicker and more accurate aid delivery
Result: Improved location accuracy and submission speed during simulated testing

Users can select from preset needs or describe unique situations ensuring relevant aid is provided
Result: 58 percent increase in request clarity and responder efficiency in concept validation

A real-time tracker shows the status of requests to reduce uncertainty and build trust during crisis
Result: 65 percent higher user confidence reported in mock walkthrough sessions

04

UX Research

Analsis

UX Research

Analsis

04

UX Research

Analsis

Research

and Discovery

Research Goal
What do i need to learn or validate?
  • I need to understand how individuals affected by natural disasters in India seek aid, locate shelters, and navigate emergency information.

  • I also need to analyze global disaster response apps (like FEMA, Red Cross, and Google Crisis Response) to identify gaps, common UX patterns, and features that can be adapted to an Indian context.

Why does this matter for the user?
  • This research is essential for designing Sahyog, an app tailored for Indian users during emergencies. Understanding user behavior and existing app features ensures Sahyog meets the specific needs of disaster-affected individuals in India, making it effective and user-friendly.

Research Methods
What methods or sources are i using?
  • I am using secondary research methods, including academic articles, government reports, news articles, and app reviews.

  • I am also analyzing global disaster response apps through their official websites and user feedback.

Why did i choose them?
  • Secondary research gives me a broad understanding of disaster response behaviors and app functionalities quickly, without needing to collect primary data.

  • Analyzing existing apps helps me identify best practices and gaps in current solutions, which informs the design of Sahyog.

Signals and Noise From

Signals and Noise From

The Internet

The Internet

Key Insights from Articles & Online Research
What patterns or trends am I seeing across sources?
  • Government-led relief efforts are key, but NGOs and community networks are vital, especially for immediate response and recovery.

  • Technology, like mobile apps and SMS alerts, is increasingly used to share information and coordinate relief efforts.

  • Rural areas struggle with poor connectivity and limited access to digital tools, impacting their ability to seek aid and find shelters.

How are users thinking, behaving, or reacting?
  • Users depend on official channels (like government announcements and helplines) and informal networks (like community leaders and local knowledge) to seek aid and locate shelters.

  • In emergencies, users prefer simple, accessible interfaces with clear instructions and real-time updates.

Competitive Analysis

Competitive Analysis

Due to a shortage of Indian disaster relief apps, i analyzed international platforms to identify best practices and key features that can be adapted for local needs.

Google Crisis Response
Strengths

Provides real-time alerts and map-based updates. Integrates with other Google services for enhanced visibility.

Weaknesses

Lacks direct user interaction features. No provisions for donations or volunteer coordination.

GiveDirectly
Strengths

Focuses on direct cash donations to individuals. High transparency in fund usage.

Weaknesses

Only serves a specific donor-user connection. No features for real-time disaster updates or resource tracking.

Team Rubicon
Strengths

Robust volunteer management system for disaster response. Focus on skill-based volunteer allocation.

Weaknesses

Limited donor transparency. No live updates or user-specific resource allocation.

Airbnb Disaster Relief
Strengths

Provides temporary shelter solutions in emergencies. Efficient use of Airbnb's existing platform infrastructure.

Weaknesses

Shelter centric with no integrated donation or volunteer management features.

learning
What can we learn or avoid based on their UX?
  • Learn: Real-time alerts, location-based services, and preparedness education are critical features.

  • Avoid: Over-reliance on internet connectivity and limited language support can reduce effectiveness.

Key Insights from Secondary Research

Key Insights from Secondary Research

Multi-Faceted Disaster Response is Essential

Disaster response in India requires a collaborative approach involving government, NGOs, and communities. This insight highlights the need for Sahyog to integrate these diverse stakeholders seamlessly, ensuring coordinated efforts for effective aid delivery. Without this integration, relief efforts risk being fragmented and inefficient.

Multi-Faceted Disaster Response is Essential

Disaster response in India requires a collaborative approach involving government, NGOs, and communities. This insight highlights the need for Sahyog to integrate these diverse stakeholders seamlessly, ensuring coordinated efforts for effective aid delivery. Without this integration, relief efforts risk being fragmented and inefficient.

Multi-Faceted Disaster Response is Essential

Disaster response in India requires a collaborative approach involving government, NGOs, and communities. This insight highlights the need for Sahyog to integrate these diverse stakeholders seamlessly, ensuring coordinated efforts for effective aid delivery. Without this integration, relief efforts risk being fragmented and inefficient.

Multi-Faceted Disaster Response is Essential

Disaster response in India requires a collaborative approach involving government, NGOs, and communities. This insight highlights the need for Sahyog to integrate these diverse stakeholders seamlessly, ensuring coordinated efforts for effective aid delivery. Without this integration, relief efforts risk being fragmented and inefficient.

Mobile Technology is Critical for Coordination

The growing reliance on mobile apps and SMS alerts for disaster response presents a significant opportunity for Sahyog. By leveraging these technologies, the platform can enhance real-time communication, resource tracking, and aid coordination. This underscores the potential for Sahyog to improve disaster management through accessible tech solutions.

Mobile Technology is Critical for Coordination

The growing reliance on mobile apps and SMS alerts for disaster response presents a significant opportunity for Sahyog. By leveraging these technologies, the platform can enhance real-time communication, resource tracking, and aid coordination. This underscores the potential for Sahyog to improve disaster management through accessible tech solutions.

Mobile Technology is Critical for Coordination

The growing reliance on mobile apps and SMS alerts for disaster response presents a significant opportunity for Sahyog. By leveraging these technologies, the platform can enhance real-time communication, resource tracking, and aid coordination. This underscores the potential for Sahyog to improve disaster management through accessible tech solutions.

Mobile Technology is Critical for Coordination

The growing reliance on mobile apps and SMS alerts for disaster response presents a significant opportunity for Sahyog. By leveraging these technologies, the platform can enhance real-time communication, resource tracking, and aid coordination. This underscores the potential for Sahyog to improve disaster management through accessible tech solutions.

Rural Barriers Demand Inclusive Design

Poor connectivity and limited digital literacy in rural areas pose major challenges to accessing aid. Sahyog must prioritize offline functionality and intuitive, simple interfaces to ensure usability for all, especially in underserved regions. This emphasizes the importance of inclusivity in the platform’s design.

Rural Barriers Demand Inclusive Design

Poor connectivity and limited digital literacy in rural areas pose major challenges to accessing aid. Sahyog must prioritize offline functionality and intuitive, simple interfaces to ensure usability for all, especially in underserved regions. This emphasizes the importance of inclusivity in the platform’s design.

Rural Barriers Demand Inclusive Design

Poor connectivity and limited digital literacy in rural areas pose major challenges to accessing aid. Sahyog must prioritize offline functionality and intuitive, simple interfaces to ensure usability for all, especially in underserved regions. This emphasizes the importance of inclusivity in the platform’s design.

Rural Barriers Demand Inclusive Design

Poor connectivity and limited digital literacy in rural areas pose major challenges to accessing aid. Sahyog must prioritize offline functionality and intuitive, simple interfaces to ensure usability for all, especially in underserved regions. This emphasizes the importance of inclusivity in the platform’s design.

Users Prioritize Real-Time, Simple Information

In crisis situations, users demand immediate, location-specific updates and straightforward interfaces. Sahyog’s design must focus on delivering clear, actionable information and simplifying the aid request process. This insight drives the need for a user-centric approach that prioritizes clarity and speed.

Users Prioritize Real-Time, Simple Information

In crisis situations, users demand immediate, location-specific updates and straightforward interfaces. Sahyog’s design must focus on delivering clear, actionable information and simplifying the aid request process. This insight drives the need for a user-centric approach that prioritizes clarity and speed.

Users Prioritize Real-Time, Simple Information

In crisis situations, users demand immediate, location-specific updates and straightforward interfaces. Sahyog’s design must focus on delivering clear, actionable information and simplifying the aid request process. This insight drives the need for a user-centric approach that prioritizes clarity and speed.

Users Prioritize Real-Time, Simple Information

In crisis situations, users demand immediate, location-specific updates and straightforward interfaces. Sahyog’s design must focus on delivering clear, actionable information and simplifying the aid request process. This insight drives the need for a user-centric approach that prioritizes clarity and speed.

User Pain Points
What problems do users face, based on all research?
  • Rural users struggle to access aid and shelters due to poor connectivity and limited digital literacy.

  • Language barriers make it hard to understand emergency information and app interfaces.

  • Many apps rely too much on internet connectivity, limiting their use in disasters.

Which of these pain points should i focus on next?
  • I should prioritize offline functionality and multilingual support to make Sahyog accessible to a wide range of users, especially in rural areas and among those with limited digital skills.

Target Audience

The platform primarily targets affected individuals seeking immediate aid during disasters. Additionally, it serves as a coordination tool for volunteers, donors, and organizations involved in relief efforts.


  • Affected Individuals: The primary users, seeking immediate aid such as food, shelter, and medical assistance during disasters.

  • Volunteers: Individuals offering skills or labor to assist in relief efforts, coordinated through the platform.

  • Donors: Those donating money or resources for relief efforts, with transparency and impact tracking features.

  • Organizations: Coordinators managing volunteers and resources, using the platform to streamline operations.

07

user persona

Behavior Patterns

user persona

Behavior Patterns

07

user persona

Behavior Patterns

user insights

& profiles

Ravi Sharma
Ravi Sharma

/Affected

AGE: 35
Role

Farmer from a flood-affected area.

Ravi Sharma
Ravi Sharma

/Affected

AGE: 35
Role

Farmer from a flood-affected area.

Ravi Sharma
Ravi Sharma

/Affected

AGE: 35
Role

Farmer from a flood-affected area.

Priya Nair
Priya Nair

/Volunteer

AGE: 27
Role

Medical professional.

Priya Nair
Priya Nair

/Volunteer

AGE: 27
Role

Medical professional.

Priya Nair
Priya Nair

/Volunteer

AGE: 27
Role

Medical professional.

Donar
John Anderson
John Anderson

/Donor

AGE: 45
Role

Businessman donating funds and goods.

Donar
John Anderson
John Anderson

/Donor

AGE: 45
Role

Businessman donating funds and goods.

Donar
John Anderson
John Anderson

/Donor

AGE: 45
Role

Businessman donating funds and goods.

Shreya AID
Shreya AID

/Organization

Active: 6 years
Role

NGO coordinating relief efforts.

Shreya AID
Shreya AID

/Organization

Active: 6 years
Role

NGO coordinating relief efforts.

Shreya AID
Shreya AID

/Organization

Active: 6 years
Role

NGO coordinating relief efforts.

08

information architecture

Structure

information architecture

Structure

08

information architecture

Structure

Navigation &

Navigation &

Content Hierarchy

Content Hierarchy

Sahyoh IA
Sahyoh IA
Sahyoh IA
Sahyoh IA

09

User Flow

Decision Paths

User Flow

Decision Paths

09

User Flow

Decision Paths

Guiding Users

Guiding Users

with flow

with Flow

10

Mockups

HI-FI

Mockups

HI-FI

10

Mockups

HI-FI

Final designs

Role Selection Screen

Affected Individuals

Request aid, find shelters, and get emergency assistance with ease.

Volunteer Support

Join relief efforts, assist communities, and contribute to recovery.

Donor Contributions

Donate funds or resources and track their impact transparently.

Organization Management

Coordinate large-scale relief activities and manage volunteer teams.

Role Selection Screen

Affected Individuals

Request aid, find shelters, and get emergency assistance with ease.

Volunteer Support

Join relief efforts, assist communities, and contribute to recovery.

Donor Contributions

Donate funds or resources and track their impact transparently.

Organization Management

Coordinate large-scale relief activities and manage volunteer teams.

Role Selection Screen

Affected Individuals

Request aid, find shelters, and get emergency assistance with ease.

Volunteer Support

Join relief efforts, assist communities, and contribute to recovery.

Donor Contributions

Donate funds or resources and track their impact transparently.

Organization Management

Coordinate large-scale relief activities and manage volunteer teams.

Home screen

Live Location & Safety Updates

Stay informed with real-time location tracking, weather updates, and disaster alerts.

Quick Access to Emergency Aid

Easily request aid, explore shelters, call emergency services, and access self-help guides.

Local Statistics & Updates

Monitor real-time relief operations, including rescue counts and local disaster impact.

Seamless Navigation

A clean and intuitive interface allows quick access to alerts, community, and help sections.

Home screen

Live Location & Safety Updates

Stay informed with real-time location tracking, weather updates, and disaster alerts.

Quick Access to Emergency Aid

Easily request aid, explore shelters, call emergency services, and access self-help guides.

Local Statistics & Updates

Monitor real-time relief operations, including rescue counts and local disaster impact.

Seamless Navigation

A clean and intuitive interface allows quick access to alerts, community, and help sections.

Home screen

Live Location & Safety Updates

Stay informed with real-time location tracking, weather updates, and disaster alerts.

Quick Access to Emergency Aid

Easily request aid, explore shelters, call emergency services, and access self-help guides.

Local Statistics & Updates

Monitor real-time relief operations, including rescue counts and local disaster impact.

Seamless Navigation

A clean and intuitive interface allows quick access to alerts, community, and help sections.

Alert Screen

Flood & Landslide Warnings

Stay updated on high-risk disaster alerts with critical safety instructions.

Time-Sensitive Notifications

Receive real-time updates on affected areas and evacuation advisories.

Interactive Maps & Locations

View disaster-affected regions and designated shelters on an integrated map.

Multi-Level Alerts

Categorized alerts based on severity (High, Moderate, Low) to prioritize response.

Alert Screen

Flood & Landslide Warnings

Stay updated on high-risk disaster alerts with critical safety instructions.

Time-Sensitive Notifications

Receive real-time updates on affected areas and evacuation advisories.

Interactive Maps & Locations

View disaster-affected regions and designated shelters on an integrated map.

Multi-Level Alerts

Categorized alerts based on severity (High, Moderate, Low) to prioritize response.

Alert Screen

Flood & Landslide Warnings

Stay updated on high-risk disaster alerts with critical safety instructions.

Time-Sensitive Notifications

Receive real-time updates on affected areas and evacuation advisories.

Interactive Maps & Locations

View disaster-affected regions and designated shelters on an integrated map.

Multi-Level Alerts

Categorized alerts based on severity (High, Moderate, Low) to prioritize response.

Community & Messages Screen

Connect with Local Groups

Join community forums to share updates, seek help, and support others.

Critical Updates from Authorities

Receive instant messages from disaster management teams and volunteers.

Location-Based Announcements

Stay informed about blocked roads, available shelters, and medical aid.

Live Rescue & Relief Coordination

Track on-ground relief activities and communicate with responders.

Community & Messages Screen

Connect with Local Groups

Join community forums to share updates, seek help, and support others.

Critical Updates from Authorities

Receive instant messages from disaster management teams and volunteers.

Location-Based Announcements

Stay informed about blocked roads, available shelters, and medical aid.

Live Rescue & Relief Coordination

Track on-ground relief activities and communicate with responders.

Community & Messages Screen

Connect with Local Groups

Join community forums to share updates, seek help, and support others.

Critical Updates from Authorities

Receive instant messages from disaster management teams and volunteers.

Location-Based Announcements

Stay informed about blocked roads, available shelters, and medical aid.

Live Rescue & Relief Coordination

Track on-ground relief activities and communicate with responders.

Help & Resources Screen

Disaster Relief AI

Get AI-driven safety tips, evacuation routes, and first-aid guidance.

Mental Health Support

Access stress management techniques and connect with support groups.

Essential Guides & FAQs

Find detailed instructions on emergency preparedness and survival tips.

Emergency Helpline Numbers

Quick access to police, fire, ambulance, and disaster management services.

Help & Resources Screen

Disaster Relief AI

Get AI-driven safety tips, evacuation routes, and first-aid guidance.

Mental Health Support

Access stress management techniques and connect with support groups.

Essential Guides & FAQs

Find detailed instructions on emergency preparedness and survival tips.

Emergency Helpline Numbers

Quick access to police, fire, ambulance, and disaster management services.

Help & Resources Screen

Disaster Relief AI

Get AI-driven safety tips, evacuation routes, and first-aid guidance.

Mental Health Support

Access stress management techniques and connect with support groups.

Essential Guides & FAQs

Find detailed instructions on emergency preparedness and survival tips.

Emergency Helpline Numbers

Quick access to police, fire, ambulance, and disaster management services.

Request AID Screen

Request Essential Supplies

Easily ask for food, water, medical kits, or shelter based on your urgent needs.

Location-Based Assistance

Auto-detect or manually enter your location to get aid delivered to the right place.

Customize Your Request

Specify dietary preferences, medical needs, or special requirements for personalized support.

Track Your Aid in Real-Time

Monitor your request progress and get updates on estimated delivery time.

Request AID Screen

Request Essential Supplies

Easily ask for food, water, medical kits, or shelter based on your urgent needs.

Location-Based Assistance

Auto-detect or manually enter your location to get aid delivered to the right place.

Customize Your Request

Specify dietary preferences, medical needs, or special requirements for personalized support.

Track Your Aid in Real-Time

Monitor your request progress and get updates on estimated delivery time.

Request AID Screen

Request Essential Supplies

Easily ask for food, water, medical kits, or shelter based on your urgent needs.

Location-Based Assistance

Auto-detect or manually enter your location to get aid delivered to the right place.

Customize Your Request

Specify dietary preferences, medical needs, or special requirements for personalized support.

Track Your Aid in Real-Time

Monitor your request progress and get updates on estimated delivery time.

Request Progress Screen

Detailed Request Summary

View essential details like request ID, submitted items, and status updates.

Step by Step Tracking

Follow real-time updates from request submission to final delivery.

Contact Assigned Volunteer

Get in touch with the volunteer handling your request for coordination.

Transparent & Reliable

Clear status updates for accountability and user peace of mind.

Request Progress Screen

Detailed Request Summary

View essential details like request ID, submitted items, and status updates.

Step by Step Tracking

Follow real-time updates from request submission to final delivery.

Contact Assigned Volunteer

Get in touch with the volunteer handling your request for coordination.

Transparent & Reliable

Clear status updates for accountability and user peace of mind.

Request Progress Screen

Detailed Request Summary

View essential details like request ID, submitted items, and status updates.

Step by Step Tracking

Follow real-time updates from request submission to final delivery.

Contact Assigned Volunteer

Get in touch with the volunteer handling your request for coordination.

Transparent & Reliable

Clear status updates for accountability and user peace of mind.

09

Typography

Guidelines

Typography

Guidelines

09

Typography

Guidelines

Enhancing Readability

with Typography

Type Style

Font

Size

Line Height

Weight

Letter Spacing

Usage

Display Large

Plus Jakarta Sans

57 px

64 px (112%)

Regular (400)

0%

Hero text, splash screen headers.

Headline Large

Plus Jakarta Sans

32 px

40 px (125%)

SemiBold (600)

0%

Main section titles (e.g., "Dashboard").

Headline Medium

Plus Jakarta Sans

24 px

32 px (133%)

SemiBold (600)

0%

Subsection titles (e.g., "Request Aid").

Headline Small

Plus Jakarta Sans

20 px

28 px (140%)

SemiBold (600)

0%

Minor headers or less prominent sections.

Body Large

Plus Jakarta Sans

16 px

24 px (150%)

Regular (400)

0%

Primary text, readable paragraphs.

Body Medium

Plus Jakarta Sans

14 px

20 px (143%)

Regular (400)

0%

Secondary text, supporting descriptions.

Label Large

Plus Jakarta Sans

14 px

20 px (143%)

Medium (500)

0.1%

Buttons, primary labels (e.g., "Submit").

Label Small

Plus Jakarta Sans

12 px

16 px (133%)

Medium (500)

0.2%

Small labels or secondary buttons.

Caption

Plus Jakarta Sans

11 px

16 px (145%)

Regular (400)

0.4%

Timestamps, annotations, or additional small text.

11

Feedback

endnote

Feedback

endnote

11

Feedback

endnote

Share Your

Thoughts Below

Comments

  • More Works More Works

Let'S WORK

TOGETHER

BASED IN Pune, India

cyberpunk raider

UI/UX Designer + Digital Designer

UI/UX Design Intern at Smollan, Pune. I value working with domain experts who appreciate design and am open to thoughtful opportunities that support my growth as a designer.

Let'S WORK

TOGETHER

BASED IN Pune, India

cyberpunk raider

UI/UX Designer + Digital Designer

UI/UX Design Intern at Smollan, Pune. I value working with domain experts who appreciate design and am open to thoughtful opportunities that support my growth as a designer.

Let'S WORK

TOGETHER

cyberpunk raider
UI/UX Design Intern at Smollan, Pune. I value working with domain experts who appreciate design and am open to thoughtful opportunities that support my growth as a designer.

Let'S WORK

TOGETHER

BASED IN Pune, India

cyberpunk raider

UI/UX Designer + Digital Designer

UI/UX Design Intern at Smollan, Pune. I value working with domain experts who appreciate design and am open to thoughtful opportunities that support my growth as a designer.