SOS app design

1 Registration and Profile

1. Welcome Screen (Splash / Onboarding)
   
   

   • state 1: display slides with app features
     
     

   • state 2: "Register" / "Login" buttons
     
     

2. Registration / Authorization Screen
   
   

   • state: choose method (phone, email, Google, Apple)
     
     

   • modal: "Login Error" (incorrect code, no internet, etc.)
     
     

3. Confirmation (OTP / email verification)
   
   

   • state: waiting for code
     
     

   • state: resend code
     
     

4. Profile Creation
   
   

   • modal: "Allow access to photos/camera"
     
     

   • state: choose role (children, adults, elderly)
     
     

5. Privacy Settings
   
   

   • modal: "Select who can see your geolocation" (personalized contact list).
     
     

6. Threat Type Settings
   
   

   • state: choose standard types
     
     

   • modal: "Add your option" (input field + icon)
     
     

   • state: view and edit your threat list
     
     

2 Real-Time Location

7. Main Screen with Map
   
   

   • state: display active participants
     
     

   • state: no internet (buffering)
     
     

   • modal: "Permission to access geolocation"
     
     

3 Circles (Groups)

8. My Circles List
   
   

   • state: no circles → "Create or join"

   • state: there are several groups with activity badges

9. Circle Screen

   • When the user enters a specific circle, there should be a list of participants and at the bottom, there should be an SOS button with the text "Send SOS to participants of this circle", after clicking, a list of options and your option with the ability to add text and photo
     
     

10. Creating a Circle
    
    

    • state: filling in data
      
      

    • modal: "Name is required"
      
      

11. Inviting to a Circle
    
    

• modal: display QR code
  
  

• modal: "Link copied"
  
  

11. Circle Settings
    
    

• state: list of participants
  
  

• state: role of each (admin/participant)
  
  

• modal: "Remove participant"
  
  

• modal: "Leave the circle"
  
  

4 SOS / Panic Button

12. SOS Button (on the main screen)
    
    

• state: short press → select type of danger
  
  

• state: long press → instant sending
  
  

13. Selecting Type of Danger
    
    

• state: select standard option
  
  

• state: select from your threats
  
  

14. Confirmation Screen for Sending
    
    

• state: "Signal sent" with animation
  
  

• modal: "Failed to send" (no network → buffering)
  
  

15. SOS History
    
    

• state: list with dates and types of dangers
  
  

• modal: "SOS Details" (who received, geolocation)
  
  

5 Geofences

16. Geofence List
    
    

• state: no created → "Add a place"
  
  

• state: list of active
  
  

17. Creating / Editing Geofence
    
    

• state: select point on the map
  
  

• state: set radius
  
  

• modal: "Name is required"
  
  

18. Notification Settings
    
    

• toggles: "Notify on entry/exit"
  
  

6 Movement History

19. Route History Screen
    
    

• state: list of days (up to 7)
  
  

• state: empty → "History not yet collected"
  
  

20. Route Details
    
    

• state: map with points
  
  

21. Offline Data Buffering State
    
    

• state: "Waiting for synchronization"
  
  

• state: "Synchronized successfully"