Ubaid Shamsudheen
UI/UX design & web development

← All projects

COMMUNITY PREPAREDNESS

SafeNest
Prepared together.

A mobile-first disaster-preparedness concept that brings local alerts, weather, nearby shelters and household planning into one clear experience.

UI/UX designResponsive websiteDesign complete

THE CHALLENGE

A clear purpose.

Help people quickly understand local conditions and find a useful next step when information feels overwhelming.

DESIGN RESPONSE

A considered experience.

Clear alert priorities, shelter details and household checklists, supported by light and dark layouts.

SafeNest interface design presentation

THE INTERFACE

Small screens.
Every detail.

Select any screen to view the complete design.

Home & preparedness — Safenest
Home & preparedness
Personal dashboard — Safenest
Personal dashboard
Local weather — Safenest
Local weather
Disaster alerts — Safenest
Disaster alerts
Alert details — Safenest
Alert details
Nearby shelters — Safenest
Nearby shelters
Shelter details — Safenest
Shelter details
Route to shelter — Safenest
Route to shelter
Preparedness checklist — Safenest
Preparedness checklist
Family planning — Safenest
Family planning
Emergency supplies — Safenest
Emergency supplies
Login — Safenest
Login
Dark-mode dashboard — Safenest
Dark-mode dashboard
View the desktop homepage SafeNest desktop homepage

BEHIND THE DESIGN

The case study.

View in Figma ↗

From the challenge and competitor landscape to journeys, visual design and final screens.

Cover — visual case study section
Project overview — visual case study section
Problem & users — visual case study section
Design process — visual case study section
Competitor analysis — visual case study section
User journey — visual case study section
Wireframes — visual case study section
Visual system — visual case study section
Mobile home — visual case study section
Weather & alerts — visual case study section
Nearby shelters — visual case study section
Household preparedness — visual case study section
Themes & accessibility — visual case study section
Reflection & next steps — visual case study section

WHAT’S NEXT

Design complete.

The interface design is complete. Validation and development are next; this is a design concept, not a live emergency service.

More projects ↗

Project screenshot

Scroll to see the full image · Use ← / → to browse · Esc to close

↑