Overview

Fire Shield is a location-based emergency reporting app that allows users to instantly report fire incidents in their surroundings. The design focuses on speed, clarity, and urgency, helping authorities receive crucial information with minimal user effort.

Screens Breakdown

Heading

1️⃣ Fire Report – Home Map Screen

• Function: The entry point for users to report a fire.

• UI Notes:

  • Minimal map interface with a prominent red “Fire Report” button at the bottom.

  • The “Tap on map to mark fire location” prompt is clear and actionable.

  • Real-time user location is shown, reducing input effort.

2️⃣ Confirm Fire Location Screen

• Function: Let users confirm the exact fire location.

• UI Notes:

  • Smart location detection with a map pin drop.

  • Address is auto-generated for verification.

  • CTA buttons (“Confirm” and “Cancel”) are easily accessible at the bottom.

3️⃣ Incident Details Submission Screen

• Function: Collects essential fire-related info from the user.

• UI Notes:

  • Users select fire type: Mountain, Forest, Building, or Others.

  • Prompts user to upload images for visual verification.

  • Binary switch for injury status ensures fast decision-making.

  • Optional comment box adds flexibility without overwhelming the user.

  • The “Send Fire Report” button is bright and urgent in design.

Design Highlights

• Crisis-Friendly UX: UI is designed to be used under stress — fast input, big buttons, clear language.

• High-Contrast CTAs: Red buttons convey urgency and demand action.

• Minimal Visual Clutter: Focus stays on the map and key actions.

• Smart Data Capture: Combines location, type of fire, visual input, and injury info in one quick flow.

• Real-World Application: Could be used by hikers, locals, or travelers spotting a fire — with intuitive navigation.

Don't forget to follow me if you don't to miss other shots. 

Please show a little bit of appreciation! & show some ❤ and follow me.

I'm available for the freelance project

Enjoy!