Prajwal Lahariya | UI/UX Designer Portfolio

December 7, 2024

Sahyog

In disaster situations, every second counts, yet lack of coordination delays relief efforts. Sahyog bridges this gap by connecting affected individuals, volunteers, donors, and organizations—ensuring aid reaches the right people at the right time

Year

2024

Platform

Android

Portfolio

Product Duration

4 Weeks

Apps

Components

Notes

Klack

Satisfying key sounds

Mac

Quill

Craft page, and docs

Web

Action Bar

Dynamic

Image Expand

Overlay

Read Time

Scroll

Changelog using GitHub

Jun, 2024

Feedback in Slack

May, 2024

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

Existing disaster relief efforts suffer from slow response times, unverified information, and lack of transparency in donations. Affected individuals struggle to request aid, while volunteers and donors face difficulty coordinating relief. Sahyog solves this by offering a centralized, AI-driven platform for real-time disaster response.

Key Challenges

Fragmented communication and lack of real-time updates.
Difficulty in tracking and managing resources.
Lack of transparency for donors.
Inefficiencies in assigning tasks to volunteers.

Project Goals

Primary Goals

To create a centralized, user-friendly platform connecting affected individuals, volunteers, donors, and organizations for efficient and timely disaster relief efforts.

Success Metrics

Reduced response time for aid requests.
Increased donor engagement and transparency.
Improved volunteer task allocation and tracking.

Research

Analsis

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.

American Red Cross App

Strengths

Includes features for emergency preparedness and post-disaster recovery. Tracks blood donations.

Weaknesses

Limited engagement for real-time disaster response. No centralized coordination for volunteers or donors.

Insights from Comparative Analysis

Gap in Comprehensive Solutions

None of the platforms address the combined needs of affected individuals, donors, volunteers, and organizations in a single ecosystem.

Real-Time Coordination Lacking

Existing platforms fail to provide real-time updates coupled with actionable task assignment and resource allocation for all stakeholders.

Transparency and Feedback

Donors, in particular, demand more visibility into the impact of their contributions, which most platforms fail to provide.

User-Centric Features

A unified app could solve the fragmentation by offering a tailored experience based on the role (affected individual, volunteer, donor, or organization).

Target Audience

Affected Individuals: People seeking immediate aid during disasters.
Volunteers: Individuals offering skills or labor to assist.
Donors: Those donating money or resources for relief efforts.
Organizations: Coordinators managing volunteers and resources.

user persona

Behavior Patterns

user insights

& profiles

Ravi Sharma

/Affected

AGE: 35

Role

Farmer from a flood-affected area.

Priya Nair

/Volunteer

AGE: 27

Role

Medical professional.

John Anderson

/Donor

AGE: 45

Role

Businessman donating funds and goods.

Shreya AID

/Organization

Active: 6 years

Role

NGO coordinating relief efforts.

information architecture

Structure

Navigation &

Content Hierarchy

User Flow

Decision Paths

Guiding Users

with Flow

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.

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.

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.

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.

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.

Feedback

endnote

Share Your

Thoughts Below

Comments

More Works More Works

2024

ScoreKeeper

Sports

2024

SBI Yono Redesign

Banking

Let'S WORK

TOGETHER

CONTACT NOW

BASED IN Pune, India

UI/UX Designer + Digital Designer

Based in Pune, India, I'm a UI/UX designer seeking an internship or job opportunity. My work reflects a deep passion for minimalist aesthetics, intuitive design, and seamless usability.