Projekt UI – aplikacja dla straży pożarnej

Rola

Stworzenie nowoczesnego i intuicyjnego systemu do zarządzania grafikami, czasem pracy oraz personelem jednostek straży pożarnej – zarówno ochotniczych, jak i zawodowych. Aplikacja wspiera codzienną organizację służb, zwiększa ich efektywność i automatyzuje powiadomienia o zmianach.

Projekt obejmował:

• Projekt UX/UI aplikacji webowej i mobilnej
• Prototypowanie widoków systemowych
• Projekt struktury informacji i przepływów użytkownika
• Responsive design (desktop/tablet/mobile)
• Przygotowanie widoków do wdrożenia
• Projekt landing page

 

Design i funkcjonalności

Interfejs zaprojektowany w stylu nowoczesnego panelu administracyjnego – czysty, funkcjonalny, oparty na siatce, z naciskiem na czytelność danych i łatwość obsługi.
Kolorystyka bazuje na stonowanych odcieniach z kontrastowymi akcentami – przejrzysta na co dzień, bez rozpraszających detali.

Główne widoki:

  • Dashboard: Podsumowanie zmian, nadchodzące dyżury i aktywne powiadomienia
  • Grafik półroczny i miesięczny: Widok kalendarza z opcją przypisywania i filtrowania dyżurów
  • Lista pracowników: Możliwość zarządzania stanowiskami, uprawnieniami i aktywnością
  • Ustawienia: Konfiguracja reguł, typów zmian, integracji (np. ECS), powiadomień

Wersja mobilna aplikacji

Mobilna wersja aplikacji została zaprojektowana z myślą o strażakach, którzy potrzebują szybkiego dostępu do grafików i powiadomień niezależnie od miejsca, w którym się znajdują. Interfejs dostosowany do ekranów smartfonów zapewnia maksymalną przejrzystość i wygodę obsługi jedną ręką.

Użytkownicy mogą w aplikacji mobilnej:

  • przeglądać aktualny grafik i nadchodzące zmiany,
  • otrzymywać natychmiastowe powiadomienia o nowych dyżurach, zamianach i nadgodzinach,
  • zgłaszać dostępność lub nieobecność,
  • mieć stały kontakt z zespołem i administratorem grafików.

Aplikacja i iOS dostępna jest na system Android i synchronizuje się automatycznie z wersją desktopową, zapewniając pełną spójność danych.

 

Landing Page aplikacji –  pierwszy kontakt z użytkownikiem

Landing page został zaprojektowany jako przejrzysta i funkcjonalna strona startowa, która w prosty sposób prezentuje najważniejsze zalety i funkcje aplikacji. Jej głównym celem jest przyciągnięcie uwagi potencjalnych użytkowników – jednostek PSP i OSP – oraz zachęcenie ich do wypróbowania systemu.

 

Narzędzia

Figma

Figma

Photoshop

photoshop-5977809_1280

Efekt końcowy

Nowoczesny i łatwy w obsłudze system wspierający codzienną logistykę pracy służb ratunkowych. Projekt umożliwia szybkie wdrożenie w dowolnej jednostce, zapewniając dostępność z poziomu komputera i telefonu.