Ctrl+K
Lista ekranów systemu z nagłówkami i hierarchią 1. Strona główna i marketing 1.1. Strona główna (landing page ogólny) 1.1.1. Sekcja hero (nagłówek, CTA) 1.1.2. Sekcja korzyści 1.1.3. Sekcja referencji 1.1.4. Sekcja partnerów 1.1.5. Sekcja CTA (formularz kontaktowy, rejestracja) 1.2. Landing page dedykowany dla dewelopera 1.2.1. Personalizowane treści i oferta 1.2.2. CTA dla dewelopera 1.3. Landing page dedykowany dla agencji nieruchomości 1.3.1. Personalizowane treści i oferta 1.3.2. CTA dla agencji 1.4. Landing page dedykowany dla klienta indywidualnego 1.4.1. Personalizowane treści i oferta 1.4.2. CTA dla klienta indywidualnego 1.5. Podstrona „O nas” 1.5.1. Historia firmy 1.5.2. Zespół 1.5.3. Misja i wartości 1.6. Podstrona „Oferta” 1.6.1. Lista usług 1.6.2. Szczegóły usługi 1.7. Podstrona „Cennik” 1.7.1. Tabela cen 1.7.2. FAQ dotyczące cen 1.8. Podstrona „Kontakt” 1.8.1. Formularz kontaktowy 1.8.2. Dane kontaktowe 1.9. Blog 1.9.1. Lista artykułów 1.9.2. Kategorie 1.9.3. Wyszukiwarka 1.10. Artykuł blogowy 1.10.1. Treść artykułu 1.10.2. Komentarze 1.10.3. Powiązane artykuły 1.11. FAQ 1.11.1. Lista pytań i odpowiedzi 1.11.2. Wyszukiwarka FAQ 1.12. Polityka prywatności 1.13. Regulamin 1.14. Polityka cookies 2. CRM 2.1. Lista kontaktów Cel: Wyświetlanie wszystkich kontaktów i leadów w systemie, zarówno osób indywidualnych, jak i firm, z możliwością wyszukiwania, filtrowania, importu, eksportu oraz wykonywania akcji masowych. Elementy ekranu: Nagłówek ekranu z nazwą „Lista kontaktów” Pasek wyszukiwania umożliwiający szybkie znalezienie kontaktu lub leada po imieniu, nazwisku, nazwie firmy, e-mailu itp. Filtry zaawansowane, w tym możliwość filtrowania po typie kontaktu: osoba indywidualna, firma, lead Tabela kontaktów i leadów z kolumnami: Imię i nazwisko / Nazwa firmy, Typ (osoba, firma, lead), Telefon, E-mail, Status, Opiekun, Data dodania Możliwość sortowania po każdej kolumnie Checkboxy przy każdym kontakcie/leadzie do zaznaczania wielu pozycji Przycisk akcji masowych (np. usuń, przypisz opiekuna, wyślij e-mail) aktywujący się po zaznaczeniu pozycji Przycisk „Dodaj nowy kontakt/lead” prowadzący do ekranu dodawania kontaktu lub leada (2.3) Przycisk „Importuj kontakty” umożliwiający załadowanie pliku CSV/Excel z kontaktami i leadami Przycisk „Eksportuj kontakty” pozwalający pobrać wyfiltrowaną listę kontaktów/leadów w formacie CSV/Excel Stronicowanie listy kontaktów i leadów, jeśli jest ich dużo Informacja o liczbie wyświetlanych pozycji i całkowitej liczbie w systemie Nawigacja: Kliknięcie na kontakt lub lead otwiera ekran szczegółów kontaktu/leada (popup) (2.2) Przycisk „Dodaj nowy kontakt/lead” prowadzi do ekranu dodawania/edycji (2.3) Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Wyszukiwanie i filtrowanie powinno działać dynamicznie i szybko Możliwość filtrowania i rozróżniania kontaktów i leadów według typu Akcje masowe dostępne tylko po zaznaczeniu co najmniej jednej pozycji Import powinien umożliwiać mapowanie kolumn z pliku do pól w systemie oraz walidację danych Eksport powinien uwzględniać aktualnie zastosowane filtry i sortowanie Tabela powinna być responsywna i czytelna na różnych urządzeniach Przycisk dodawania kontaktu/leada oraz importu/eksportu powinny być wyraźnie widoczne i dostępne na górze ekranu Stronicowanie lub infinite scroll w zależności od liczby pozycji i wydajności 2.2. Szczegóły kontaktu Cel: Wyświetlenie szczegółowych informacji o wybranym kontakcie lub leadzie, w tym danych kontaktowych, historii interakcji, powiązanych projektów/zleceń, notatek i zadań. Elementy ekranu: Nagłówek ekranu z imieniem i nazwiskiem kontaktu lub nazwą firmy. Sekcja z podstawowymi danymi kontaktowymi: Typ kontaktu (osoba, firma, lead) Telefon E-mail Adres Źródło pozyskania Status Zakładki lub sekcje: Historia interakcji (log połączeń, e-maile, spotkania, notatki) Powiązane projekty/zlecenia (lista projektów, w których kontakt uczestniczy) Zadania (lista zadań przypisanych do kontaktu) Dokumenty (załączone pliki) Niestandardowe pola (dodatkowe informacje specyficzne dla kontaktu) Przycisk "Edytuj" prowadzący do ekranu edycji kontaktu (2.3) Przycisk "Archwizuj" umożliwiający usunięcie kontaktu z systemu Nawigacja: Przycisk "Edytuj" prowadzi do ekranu edycji kontaktu (2.3) Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi. UX i zasady: Informacje powinny być czytelnie pogrupowane i łatwe do znalezienia. Historia interakcji powinna być chronologiczna i filtrowalna. Powiązane projekty/zlecenia powinny być klikalne i prowadzić do ekranu szczegółów projektu. Zadania powinny mieć możliwość oznaczania jako wykonane. Niestandardowe pola powinny być wyświetlane w logicznych grupach. 2.3. Dodaj/edytuj kontakt Cel: Umożliwienie dodawania nowego kontaktu/ leada do systemu lub edycji istniejącego. Elementy ekranu: Nagłówek ekranu: "Dodaj kontakt" (jeśli dodajemy nowy) lub "Edytuj kontakt" (jeśli edytujemy istniejący) Formularz z polami: Typ kontaktu (pole wyboru: osoba, firma, lead) Imię (dla osoby i leada) Nazwisko (dla osoby i leada) Nazwa firmy (dla firmy) Telefon E-mail Adres Źródło pozyskania (pole wyboru z predefiniowanymi opcjami) Status (pole wyboru z predefiniowanymi opcjami) Opiekun (pole wyboru z listy użytkowników) Niestandardowe pola (dynamicznie wyświetlane pola zdefiniowane przez Super Admina) Przycisk "Zapisz" zatwierdzający zmiany Przycisk "Anuluj" powracający do poprzedniego ekranu (lista kontaktów lub szczegóły kontaktu) Walidacja pól formularza (np. wymagane pola, format e-maila, numer telefonu) Nawigacja: Przycisk "Zapisz" zapisuje dane i przenosi do ekranu szczegółów kontaktu (2.2) lub listy kontaktów (2.1), w zależności od punktu wyjścia. Przycisk "Anuluj" powraca do ekranu, z którego użytkownik przyszedł (lista kontaktów 2.1 lub szczegóły kontaktu 2.2). Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi. UX i zasady: Formularz powinien być czytelny i intuicyjny w obsłudze. Pola wymagane powinny być wyraźnie oznaczone. Walidacja powinna informować o błędach w sposób jasny i zrozumiały. Po zapisaniu danych użytkownik powinien być automatycznie przeniesiony do ekranu szczegółów kontaktu lub listy kontaktów. Jeśli edytujemy kontakt, formularz powinien być wypełniony aktualnymi danymi. Niestandardowe pola powinny być wyświetlane w logicznych grupach, zgodnie z definicją Super Admina. 2.4. Lista firm Cel: Wyświetlenie listy firm w systemie, umożliwienie wyszukiwania, filtrowania i zarządzania firmami. Elementy ekranu: Nagłówek ekranu z nazwą "Lista firm" Pasek wyszukiwania umożliwiający szybkie znalezienie firmy po nazwie, adresie, NIP-ie itp. Filtry zaawansowane: Branża Status (np. aktywna, potencjalna, partner) Opiekun Data dodania Tabela z listą firm, zawierająca kolumny: Nazwa firmy Branża Numer kontaktowy Adres Opiekun Status Data dodania Możliwość sortowania po każdej kolumnie Checkboxy przy każdej firmie do zaznaczania wielu pozycji Przycisk akcji masowych (np. zmiana statusu, przypisanie opiekuna, eksport) Przycisk "Dodaj nową firmę" prowadzący do ekranu dodawania firmy (2.6) Opcje importu i eksportu firm (CSV, Excel) Stronicowanie listy firm, jeśli jest ich dużo Informacja o liczbie wyświetlanych firm i całkowitej liczbie w systemie Nawigacja: Kliknięcie na nazwę firmy otwiera ekran szczegółów firmy (2.5) Przycisk "Dodaj nową firmę" prowadzi do ekranu dodawania firmy (2.6) Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Wyszukiwanie i filtrowanie powinno działać dynamicznie i szybko. Akcje masowe dostępne tylko po zaznaczeniu co najmniej jednej firmy. Tabela powinna być responsywna i czytelna na różnych urządzeniach. Przycisk dodawania firmy powinien być wyraźnie widoczny. Import powinien umożliwiać mapowanie kolumn z pliku do pól w systemie oraz walidację danych. Eksport powinien uwzględniać aktualnie zastosowane filtry i sortowanie. Stronicowanie lub infinite scroll w zależności od liczby firm i wydajności. 2.5. Szczegóły firmy Cel: Wyświetlenie szczegółowych informacji o wybranej firmie, w tym danych firmy, przypisanych opiekunów, powiązanych kontaktów i historii współpracy. Elementy ekranu: Nagłówek ekranu z nazwą firmy Sekcja z podstawowymi danymi firmy: Branża Adres NIP Numer kontaktowy Strona internetowa Status (np. aktywna, potencjalna, partner) Sekcja z przypisanymi opiekunami: Lista opiekunów z imieniem i nazwiskiem oraz danymi kontaktowymi Możliwość zmiany opiekuna Sekcja z powiązanymi kontaktami: Lista kontaktów powiązanych z firmą (imię i nazwisko, stanowisko, dane kontaktowe) Możliwość dodania istniejącego kontaktu do firmy Możliwość stworzenia nowego kontaktu i powiązania go z firmą Sekcja z historią współpracy: Log interakcji (spotkania, rozmowy telefoniczne, e-maile, notatki) Lista projektów/zleceń realizowanych dla firmy Przycisk "Edytuj" prowadzący do ekranu edycji firmy (2.6) Przycisk "Archiwizuj" umożliwiający usunięcie firmy z systemu Nawigacja: Przycisk "Edytuj" prowadzi do ekranu edycji firmy (2.6) Kliknięcie na kontakt powiązany z firmą przenosi do ekranu szczegółów kontaktu (2.2) Kliknięcie na projekt/zlecenie przenosi do ekranu szczegółów projektu/zlecenia (2.8) Przycisk "Powrót" lub ikona strzałki wstecz pozwalająca wrócić do ekranu listy firm (2.4) Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Informacje powinny być czytelnie pogrupowane i łatwe do znalezienia. Historia współpracy powinna być chronologiczna i filtrowalna. Lista kontaktów powinna umożliwiać szybki dostęp do szczegółów kontaktu. Przycisk edycji firmy powinien być wyraźnie widoczny. Możliwość dodawania i tworzenia kontaktów powinna być intuicyjna. Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny. 2.6. Dodaj/edytuj firmę Cel: Umożliwienie dodania nowej firmy do systemu lub edycji istniejącej, a także dodania zadania/przypomnienia po utworzeniu firmy. Elementy ekranu: Nagłówek ekranu: "Dodaj firmę" (jeśli dodajemy nową) lub "Edytuj firmę" (jeśli edytujemy istniejącą) Formularz z polami: Nazwa firmy Branża (pole wyboru z predefiniowanymi opcjami) Adres NIP Numer kontaktowy Strona internetowa Status (pole wyboru z predefiniowanymi opcjami) Opiekun (pole wyboru z listy użytkowników) Opis Niestandardowe pola (dynamicznie wyświetlane pola zdefiniowane przez Super Admina) Przycisk "Zapisz" zatwierdzający zmiany Przycisk "Anuluj" powracający do poprzedniego ekranu (lista firm lub szczegóły firmy) Przycisk "Dodaj zadanie/przypomnienie" (widoczny po zapisaniu firmy) Walidacja pól formularza (np. wymagane pola, format NIP-u, numeru telefonu) Nawigacja: Przycisk "Zapisz" zapisuje dane i przenosi do ekranu szczegółów firmy (2.5) lub listy firm (2.4), w zależności od punktu wyjścia. Przycisk "Anuluj" powraca do ekranu, z którego użytkownik przyszedł (lista firm 2.4 lub szczegóły firmy 2.5). Przycisk "Dodaj zadanie/przypomnienie" przenosi do ekranu dodawania zadania z automatycznie wypełnionym polem "Firma". Przycisk "Powrót" lub ikona strzałki wstecz pozwalająca wrócić do ekranu listy firm (2.4) Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Formularz powinien być czytelny i intuicyjny w obsłudze. Pola wymagane powinny być wyraźnie oznaczone. Walidacja powinna informować o błędach w sposób jasny i zrozumiały. Po zapisaniu danych użytkownik powinien być automatycznie przeniesiony do ekranu szczegółów firmy lub listy firm. Jeśli edytujemy firmę, formularz powinien być wypełniony aktualnymi danymi. Niestandardowe pola powinny być wyświetlane w logicznych grupach, zgodnie z definicją Super Admina. Przycisk "Dodaj zadanie/przypomnienie" powinien być widoczny tylko po zapisaniu firmy. Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny. 2.7. Lista projektów/zleceń Cel: Wyświetlenie listy projektów i zleceń w systemie, umożliwienie wyszukiwania, filtrowania i zarządzania nimi. Elementy ekranu: Nagłówek ekranu z nazwą "Lista projektów/zleceń" Pasek wyszukiwania umożliwiający szybkie znalezienie projektu/zlecenia po nazwie, numerze, kliencie itp. Filtry zaawansowane: Status (np. w toku, zakończony, zawieszony) Data rozpoczęcia Data zakończenia Klient Opiekun Typ (projekt, zlecenie) Tabela z listą projektów/zleceń, zawierająca kolumny: Nazwa projektu/zlecenia Klient Data rozpoczęcia Data zakończenia Status Opiekun Typ (projekt, zlecenie) Możliwość sortowania po każdej kolumnie Checkboxy przy każdym projekcie/zleceniu do zaznaczania wielu pozycji Przycisk akcji masowych (np. zmiana statusu, przypisanego opiekuna, eksport) Opcje importu i eksportu projektów/zleceń (CSV, Excel) Stronicowanie listy projektów/zleceń, jeśli jest ich dużo Informacja o liczbie wyświetlanych pozycji i całkowitej liczbie w systemie Nawigacja: Kliknięcie na nazwę projektu/zlecenia otwiera ekran szczegółów (2.8) Przycisk "Powrót" lub ikona strzałki wstecz pozwalająca wrócić do ekranu głównego CRM lub innego ekranu, z którego użytkownik przyszedł. Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Wyszukiwanie i filtrowanie powinno działać dynamicznie i szybko. Akcje masowe dostępne tylko po zaznaczeniu co najmniej jednej pozycji. Tabela powinna być responsywna i czytelna na różnych urządzeniach. Import powinien umożliwiać mapowanie kolumn z pliku do pól w systemie oraz walidację danych. Eksport powinien uwzględniać aktualnie zastosowane filtry i sortowanie. Stronicowanie lub infinite scroll w zależności od liczby pozycji i wydajności. Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny. 2.8. Szczegóły projektu/zlecenia Cel: Wyświetlenie szczegółowych informacji o wybranym projekcie/zleceniu, z uwzględnieniem specyfiki klienta (głównie dewelopera) w uproszczony sposób. Elementy ekranu: Nagłówek ekranu z nazwą projektu/zlecenia Sekcja z podstawowymi danymi projektu/zlecenia: Numer projektu/zlecenia Klient (nazwa i dane kontaktowe) Typ (projekt, zlecenie) Status (np. w toku, zakończony, zawieszony) Data rozpoczęcia Data zakończenia (planowana i rzeczywista) Opis Zakładki/sekcje: Ogólne: Szczegóły dotyczące projektu/zlecenia (opis, cel, zakres) Budżet (planowany i rzeczywisty) Harmonogram (ogólny opis etapów) Dokumenty (umowy, specyfikacje, plany) Galeria (zdjęcia, wizualizacje) Specyficzne dla klienta (Deweloper): Pole „Inwestycja” – nazwa inwestycji, pod którą jest projekt/zlecenie Komunikacja: Historia korespondencji (e-maile, notatki, spotkania) Czat z klientem i zespołem Finanse: Faktury Płatności Rozliczenia Przycisk "Edytuj" (dostępny dla uprawnionych użytkowników) Przycisk "Powrót" lub ikona strzałki wstecz Nawigacja: Przycisk "Edytuj" prowadzi do ekranu edycji projektu/zlecenia (2.9 - jeśli taki istnieje, w przeciwnym razie brak przycisku). Przycisk "Powrót" lub ikona strzałki wstecz pozwala wrócić do ekranu listy projektów/zleceń (2.7). Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi. UX i zasady: Informacje powinny być czytelnie pogrupowane i łatwe do znalezienia. Komunikacja powinna być scentralizowana i łatwo dostępna. Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny. 2.9. Baza wiedzy Cel: Udostępnienie pracownikom i klientom (w ograniczonym zakresie) bazy wiedzy opartej na Notion, zawierającej artykuły, instrukcje i dokumentację. Elementy ekranu: Nagłówek ekranu z nazwą "Baza wiedzy" Wyświetlanie zawartości Notion: Osadzone widoki Notion (np. bazy danych, strony) Możliwość nawigacji po przestrzeni roboczej Notion Wykorzystanie funkcji wyszukiwania Notion Kategorie artykułów (odzwierciedlające strukturę Notion) Lista artykułów (wyświetlana jako widok bazy danych Notion) Filtry i sortowanie (wykorzystujące funkcje Notion) Dla pracowników: Dostęp do pełnej przestrzeni roboczej Notion Możliwość dodawania, edycji i usuwania artykułów bezpośrednio w Notion Ograniczony dostęp dla klientów: Dostęp tylko do wybranych stron i baz danych Notion Brak możliwości edycji zawartości Nawigacja: Nawigacja odbywa się w ramach osadzonego widoku Notion Przycisk "Powrót" lub ikona strzałki wstecz pozwalająca wrócić do ekranu głównego CRM lub innego ekranu, z którego użytkownik przyszedł. Menu główne i boczne CRM dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Wykorzystanie interfejsu i funkcjonalności Notion Łatwa nawigacja po bazie wiedzyhttps://templates.tiptap.dev/ Dostęp dla klientów ograniczony do odpowiednich zasobów Notion Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny. Integracja z Notion: Wykorzystanie API Notion do pobierania i wyświetlania zawartości Synchronizacja danych między CRM a Notion (opcjonalne) Autoryzacja dostępu do Notion 2.10. Lista zadań Cel: Wyświetlanie listy zadań przypisanych do użytkownika, umożliwienie filtrowania, sortowania i zarządzania nimi. Elementy ekranu: Nagłówek ekranu z nazwą "Lista zadań" Pasek wyszukiwania umożliwiający szybkie znalezienie zadania po nazwie, opisie, projekcie itp. Filtry zaawansowane: Status (np. do zrobienia, w toku, zakończone, zawieszone) Priorytet (np. wysoki, średni, niski) Data rozpoczęcia Data zakończenia Projekt/zlecenie Opiekun Tabela z listą zadań, zawierająca kolumny: Nazwa zadania Projekt/zlecenie Status Priorytet Data rozpoczęcia Data zakończenia Opiekun Możliwość sortowania po każdej kolumnie Checkboxy przy każdym zadaniu do zaznaczania wielu pozycji Przycisk akcji masowych (np. zmiana statusu, przypisanie opiekuna, eksport) Opcje importu i eksportu zadań (CSV, Excel) Stronicowanie listy zadań, jeśli jest ich dużo Informacja o liczbie wyświetlanych zadań i całkowitej liczbie w systemie Nawigacja: Kliknięcie na nazwę zadania otwiera ekran szczegółów zadania (2.11) Przycisk "Powrót" lub ikona strzałki wstecz pozwalająca wrócić do ekranu głównego CRM lub innego ekranu, z którego użytkownik przyszedł. Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Wyszukiwanie i filtrowanie powinno działać dynamicznie i szybko. Akcje masowe dostępne tylko po zaznaczeniu co najmniej jednego zadania. Tabela powinna być responsywna i czytelna na różnych urządzeniach. Import powinien umożliwiać mapowanie kolumn z pliku do pól w systemie oraz walidację danych. Eksport powinien uwzględniać aktualnie zastosowane filtry i sortowanie. Stronicowanie lub infinite scroll w zależności od liczby zadań i wydajności. Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny. 2.11. Szczegóły zadania Cel: Wyświetlenie szczegółowych informacji o wybranym zadaniu, umożliwiające monitorowanie postępów, komunikację i zarządzanie zadaniem. Elementy ekranu: Nagłówek ekranu z nazwą zadania Podstawowe informacje o zadaniu: Projekt/zlecenie, do którego zadanie jest przypisane Opiekun zadania Status (np. do zrobienia, w toku, zakończone, zawieszone) Priorytet Data rozpoczęcia Data zakończenia (planowana i rzeczywista) Opis zadania Sekcja komentarzy i notatek umożliwiająca komunikację między członkami zespołu Możliwość dodawania załączników (np. dokumenty, zdjęcia) Historia zmian statusu i aktywności związanych z zadaniem Przycisk "Edytuj" (dla uprawnionych użytkowników) Przycisk "Zakończ zadanie" umożliwiający oznaczanie zadania jako wykonane Przycisk "Powrót" lub ikona strzałki wstecz Nawigacja: Przycisk "Edytuj" prowadzi do ekranu edycji zadania (2.12) Przycisk "Powrót" wraca do listy zadań (2.10) Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Informacje powinny być czytelne i łatwe do znalezienia Komunikacja powinna być szybka i intuicyjna Możliwość dodawania załączników ułatwia dokumentowanie postępów Historia zmian pozwala na śledzenie przebiegu zadania Przycisk "Zakończ zadanie" powinien być wyraźny, ale wymagać potwierdzenia Przycisk "Powrót" zawsze widoczny i łatwo dostępny 2.12. Dodaj/edytuj zadanie Cel: Umożliwienie dodawania nowego zadania związanego wyłącznie z zarządzaniem klientem do momentu jego pozyskania. Elementy ekranu: Nagłówek ekranu: "Dodaj zadanie" Formularz z polami: Nazwa zadania (pole wyboru z listy): Kontakt wstępny z klientem Przedstawienie kreatora zamówień Pomoc w konfiguracji zamówienia w kreatorze Odpowiedź na pytania dotyczące kreatora/oferty Wysłanie przypomnienia o dokończeniu konfiguracji w kreatorze Negocjacje indywidualnych warunków (jeśli dotyczy) Potwierdzenie indywidualnych warunków (jeśli dotyczy) Przekazanie informacji o zakupie do działu projektowego (architekta) Wysłanie podziękowania za zakup Przypomnienie o programie partnerskim Kontakt po realizacji projektu (follow-up) Zaproszenie do udziału w programie partnerskim Weryfikacja satysfakcji klienta Zebranie referencji Aktualizacja danych kontaktowych klienta Opis zadania (opcjonalny) Klient (pole automatycznie uzupełniane w zależności od miejsca wywołania) Status (domyślnie "Do zrobienia", bez możliwości zmiany na tym etapie) Termin wykonania (data) Opiekun (domyślnie przypisany do osoby tworzącej zadanie, możliwość zmiany) Przycisk "Zapisz" zatwierdzający zadanie Przycisk "Anuluj" powracający do poprzedniego ekranu Walidacja pól (np. wymagane pole nazwy i terminu) Nawigacja: Przycisk "Zapisz" zapisuje zadanie i przenosi do ekranu, z którego nastąpiło wywołanie (np. szczegóły kontaktu, lista kontaktów) Przycisk "Anuluj" powraca do ekranu wywołującego Przycisk "Powrót" lub ikona strzałki wstecz dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Formularz uproszczony, skupiony na zadaniach przed pozyskaniem klienta Automatyczne uzupełnianie pól w zależności od miejsca wywołania Brak możliwości zmiany statusu zadania na tym etapie poza "Do zrobienia" Przycisk "Zapisz" i "Anuluj" wyraźnie widoczne Walidacja i komunikaty o błędach jasne i zrozumiałe 2.13. Lejek sprzedaży Cel: Wizualizacja procesu sprzedaży, umożliwiająca monitorowanie postępów w pozyskiwaniu klientów i zarządzanie leadami. Elementy ekranu: Nagłówek ekranu z nazwą "Lejek sprzedaży" Wybór widoku: Widok Kanban (wizualizacja etapów lejka sprzedaży) Widok listy (tabela z listą leadów) W zależności od wybranego widoku: Widok Kanban: Wizualizacja etapów lejka sprzedaży (np. Lead, Kontakt, Oferta, Negocjacje, Zamknięcie) Lista leadów w każdym etapie lejka Możliwość przeciągania leadów między etapami (drag & drop) Widok listy: Tabela z listą leadów, zawierająca kolumny: Nazwa, Klient, Etap, Wartość, Opiekun, Data utworzenia Możliwość sortowania i filtrowania kolumn Filtry (np. data, opiekun, typ klienta) Przycisk "Dodaj nowego leada" prowadzący do ekranu szczegółów leada (2.14) Przycisk "Powrót" lub ikona strzałki wstecz Podekrany: 2.13.1. Wizualizacja etapów (widok Kanban) 2.13.2. Przeciąganie leadów (tylko w widoku Kanban) Nawigacja: Kliknięcie na lead otwiera ekran szczegółów leada (2.14) Przycisk "Dodaj nowego leada" prowadzi do ekranu szczegółów leada (2.14) Przycisk "Powrót" wraca do ekranu głównego CRM lub innego ekranu, z którego użytkownik przyszedł. Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Możliwość łatwego przełączania się między widokami Kanban i listy Wizualizacja lejka (Kanban) powinna być czytelna i intuicyjna Przeciąganie leadów (Kanban) powinno być łatwe i responsywne Widok listy powinien umożliwiać szybkie przeglądanie i filtrowanie danych Filtry powinny umożliwiać analizę danych z różnych perspektyw Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny 2.14. Szczegóły leada/szansy sprzedażowej Cel: Wyświetlenie szczegółowych informacji o wybranym leadzie, umożliwiające zarządzanie danymi kontaktowymi, historią interakcji, powiązanymi zadaniami, dodawanie komentarzy i notatek oraz dostęp do listy dokumentów. Elementy ekranu: Nagłówek ekranu z imieniem i nazwiskiem leada lub nazwą firmy Sekcja z danymi kontaktowymi: Imię i nazwisko Firma Telefon E-mail Adres Sekcja z historią interakcji: Lista kontaktów (e-maile, rozmowy telefoniczne, spotkania, notatki) Sekcja z powiązanymi zadaniami: Lista zadań przypisanych do leada Sekcja z komentarzami i notatkami: Pole tekstowe do dodawania nowych komentarzy/notatek Lista istniejących komentarzy/notatek z datą i autorem Przycisk "Edytuj" umożliwiający edycję danych leada Przycisk "Dodaj zadanie" umożliwiający dodanie nowego zadania do leada Przycisk "Lista dokumentów" przenoszący do ekranu 2.19 z przefiltrowanymi dokumentami dla danego leada Przycisk "Powrót" lub ikona strzałki wstecz Nawigacja: Przycisk "Edytuj" prowadzi do ekranu edycji danych leada. Przycisk "Dodaj zadanie" prowadzi do ekranu dodawania zadania (2.12). Przycisk "Lista dokumentów" przenosi do ekranu 2.19 z przefiltrowanymi dokumentami dla danego leada Przycisk "Powrót" wraca do ekranu lejka sprzedaży (2.13) lub innego ekranu, z którego użytkownik przyszedł. Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Informacje powinny być czytelne i łatwe do znalezienia Historia interakcji powinna być chronologiczna i filtrowalna Lista zadań powinna umożliwiać szybki dostęp do szczegółów zadania Komentarze i notatki powinny być łatwe do dodawania i przeglądania Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny 2.15. Kalendarz Cel: Umożliwienie planowania i zarządzania czasem, wyświetlanie wydarzeń, spotkań i terminów. Elementy ekranu: Nagłówek ekranu z nazwą "Kalendarz" Widok kalendarza (miesięczny, tygodniowy, dzienny) Lista wydarzeń w danym dniu/tygodniu/miesiącu Filtry (np. typ wydarzenia, opiekun, projekt) Przycisk "Dodaj wydarzenie" prowadzący do ekranu szczegółów wydarzenia (2.16) Integracja z zewnętrznymi kalendarzami (np. Google Calendar, Outlook) Przycisk "Powrót" lub ikona strzałki wstecz Nawigacja: Kliknięcie na wydarzenie otwiera ekran szczegółów wydarzenia (2.16) Przycisk "Dodaj wydarzenie" prowadzi do ekranu szczegółów wydarzenia (2.16) Przycisk "Powrót" wraca do ekranu głównego CRM lub innego ekranu, z którego użytkownik przyszedł. Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Widok kalendarza powinien być czytelny i intuicyjny Możliwość łatwego przełączania się między widokami (miesięczny, tygodniowy, dzienny) Integracja z zewnętrznymi kalendarzami powinna być prosta i bezproblemowa Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny 2.16. Szczegóły wydarzenia Cel: Wyświetlenie szczegółowych informacji o wybranym wydarzeniu, umożliwiające zarządzanie opisem, uczestnikami i powiązanymi projektami/kontaktami. Elementy ekranu: Nagłówek ekranu z nazwą wydarzenia Podstawowe informacje o wydarzeniu: Data i godzina rozpoczęcia Data i godzina zakończenia Opis wydarzenia Miejsce Lista uczestników (kontakty, użytkownicy systemu) Lista powiązanych projektów/kontaktów Przycisk "Edytuj" umożliwiający edycję szczegółów wydarzenia Przycisk "Usuń" umożliwiający usunięcie wydarzenia Przycisk "Powrót" lub ikona strzałki wstecz Podekrany: 2.16.2. Uczestnicy Nawigacja: Przycisk "Edytuj" odblokowuje pola do edycji. Przycisk "Powrót" wraca do ekranu kalendarza (2.15). Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Informacje powinny być czytelne i łatwe do znalezienia Lista uczestników i powiązanych elementów powinna być łatwa do przeglądania Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny 2.17. Czat zespołowy/klient Cel: Umożliwienie komunikacji między pracownikami oraz z klientami w formie konwersacji. Elementy ekranu: Nagłówek okna z imieniem i nazwiskiem rozmówcy lub nazwą grupy Okno konwersacji: Wyświetlanie wiadomości w formie dymków Informacje o dacie i godzinie wysłania wiadomości Pole do wpisywania wiadomości z przyciskiem "Wyślij" Możliwość dodawania załączników (pliki, zdjęcia) Lista dostępnych rozmów (w górnej części okna czatu lub w osobnym panelu) Informacje o statusie użytkownika (online, offline, ostatnio widziany) Nawigacja: Kliknięcie na rozmowę w liście rozmów otwiera okno konwersacji (2.17.2). Sposób wywoływania i zamykania okna czatu został opisany w ekranie menu nawigacyjnego. UX i zasady: Okno konwersacji powinno być czytelne i intuicyjne Wiadomości powinny być wyświetlane w czasie rzeczywistym Możliwość wysyłania załączników powinna być prosta i bezproblemowa Lista rozmów powinna być łatwa do przeglądania 2.19. Lista dokumentów Cel: Umożliwienie przeglądania i zarządzania dokumentami oraz materiałami graficznymi związanymi z klientami, projektami lub innymi elementami systemu. Elementy ekranu: Nagłówek ekranu z nazwą "Lista dokumentów" Lista dokumentów z kolumnami: Nazwa dokumentu Typ dokumentu (np. umowa, regulamin, zgoda, faktura, zdjęcie, plik PDF, itp.) Data dodania Powiązany projekt/zlecenie Powiązany klient Kategoria dokumentu: Dokumenty systemowe (umowy, regulaminy, zgody itp.) Dokumenty przesłane przez klienta Dokumenty przesłane do klienta Podgląd: Dla obrazów: Wyświetlanie miniaturek zdjęć bezpośrednio na liście Dla innych plików: Wyświetlanie ikony reprezentującej typ pliku (np. PDF, DOC) Filtry: Typ dokumentu Kategoria dokumentu Data Powiązany projekt/zlecenie Powiązany klient Możliwość sortowania dokumentów (np. po dacie, nazwie) Przycisk "Dodaj dokument" umożliwiający przesłanie nowego dokumentu Przycisk "Pobierz" umożliwiający pobranie wybranego dokumentu Przycisk "Powrót" lub ikona strzałki wstecz Podekrany: 2.19.1. Przegląd dokumentów (z podglądem miniaturek) 2.19.2. Pobieranie/przesyłanie plików Nawigacja: Kliknięcie na dokument: Dla obrazów: Otwiera obraz w pełnym rozmiarze w nowym oknie lub lightboxie Dla innych plików: Otwiera podgląd dokumentu (jeśli to możliwe) lub pobiera plik Przycisk "Dodaj dokument" otwiera okno dialogowe umożliwiające przesłanie nowego dokumentu. Przycisk "Powrót" wraca do ekranu, z którego użytkownik przyszedł (np. szczegóły klienta, szczegóły projektu). Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Lista dokumentów powinna być czytelna i łatwa do przeglądania Miniaturki obrazów powinny być wyświetlane w odpowiednim rozmiarze Filtry powinny umożliwiać szybkie znalezienie konkretnych dokumentów Przycisk "Pobierz" powinien być wyraźnie widoczny Przycisk "Dodaj dokument" powinien być łatwo dostępny Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny 2.21. Lista usług/pakietów Cel: Umożliwienie przeglądania i zarządzania dostępnymi usługami i pakietami oferowanymi przez firmę, wraz z parametrami umowy. Elementy ekranu: Nagłówek ekranu z nazwą "Lista usług" Tabela z listą usług/pakietów zawierająca kolumny: Nazwa usługi/pakietu Typ (usługa indywidualna, pakiet usług) Cena podstawowa Status (aktywny, nieaktywny) Kategoria (np. projektowanie, wykonawstwo, konsultacje) Parametry umowy (wyświetlane jako kolumny lub po rozwinięciu wiersza): Ilość poprawek zasadniczych Ilość poprawek kosmetycznych Termin realizacji Kwota umowy Warunki płatności Kary umowne Zakres prac Liczba spotkań konsultacyjnych Zasady przekazywania materiałów Prawa autorskie Gwarancja Warunki rozwiązania umowy Zasady poufności Odpowiedzialność stron Filtry: Typ usługi Status Kategoria Możliwość sortowania po każdej kolumnie Przycisk "Dodaj nową usługę/pakiet" prowadzący do ekranu edycji usługi/pakietu (2.22) Przycisk "Powrót" lub ikona strzałki wstecz Nawigacja: Kliknięcie na nazwę usługi/pakietu otwiera ekran szczegółów usługi/pakietu (2.22) Przycisk "Dodaj nową usługę/pakiet" prowadzi do ekranu edycji usługi/pakietu (2.22) Przycisk "Powrót" wraca do ekranu głównego CRM lub innego ekranu, z którego użytkownik przyszedł. Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Tabela powinna być czytelna i responsywna Filtry i sortowanie powinny działać dynamicznie i szybko Parametry umowy powinny być wyświetlane w czytelny sposób (np. jako kolumny lub po rozwinięciu wiersza) Przycisk dodawania nowej usługi/pakietu powinien być wyraźnie widoczny Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny 2.22. Szczegóły usługi/pakietu Cel: Wyświetlenie szczegółowych informacji o wybranej usłudze lub pakiecie, umożliwiające zapoznanie się z opisem, cennikiem, powiązanymi projektami oraz edycję wszystkich parametrów i dodawanie nowych. Elementy ekranu: Nagłówek ekranu z nazwą usługi/pakietu Podstawowe informacje: Typ (usługa indywidualna, pakiet usług) Kategoria (np. projektowanie, wykonawstwo, konsultacje) Status (aktywny, nieaktywny) Możliwość edycji wszystkich pól Opis usługi/pakietu (szczegółowy opis zakresu prac, korzyści itp.) Możliwość edycji opisu Cennik (tabela z cenami w zależności od wariantów, opcji dodatkowych itp.) Możliwość edycji cennika Lista powiązanych projektów (przykładowe projekty, w których usługa/pakiet została wykorzystana) Parametry umowy (wyświetlane w formie tabeli lub listy) Możliwość edycji parametrów umowy Ilość poprawek zasadniczych Ilość poprawek kosmetycznych Termin realizacji Kwota umowy Warunki płatności Kary umowne Zakres prac Liczba spotkań konsultacyjnych Zasady przekazywania materiałów Prawa autorskie Gwarancja Warunki rozwiązania umowy Zasady poufności Odpowiedzialność stron Możliwość dodawania nowych parametrów: Przycisk "Dodaj nowy parametr" Formularz do definiowania: Nazwa parametru Typ danych (tekst, liczba, data, lista wyboru itp.) Wartość Przycisk "Zapisz zmiany" Przycisk "Powrót" lub ikona strzałki wstecz Nawigacja: Przycisk "Zapisz zmiany" zapisuje wprowadzone zmiany i wraca do ekranu szczegółów usługi/pakietu. Przycisk "Powrót" wraca do ekranu listy usług/pakietów (2.21). Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Informacje powinny być czytelne i łatwe do znalezienia Opis usługi/pakietu powinien być szczegółowy i przekonujący Cennik powinien być przejrzysty i zrozumiały Lista powiązanych projektów powinna być reprezentatywna Pola edycji powinny być intuicyjne w obsłudze Dodawanie nowych parametrów powinno być proste i intuicyjne (np. przycisk "Dodaj nowy parametr" otwierający formularz) Pola powinny być walidowane zgodnie z wybranym typem danych Niestandardowe pola powinny być widoczne i edytowalne na równi z polami standardowymi Możliwość łatwego usuwania lub modyfikacji niestandardowych parametrów Przycisk "Zapisz zmiany" powinien być wyraźnie widoczny Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny 2.24. Lista faktur i zamówień Cel: Umożliwienie przeglądania i zarządzania fakturami oraz eksportu danych do formatów wykorzystywanych przez biura rachunkowe. Elementy ekranu: Nagłówek ekranu z nazwą "Lista faktur" Tabela z listą faktur zawierająca kolumny: Numer faktury Data wystawienia Klient Kwota Status (np. zapłacona, niezapłacona, przeterminowana) Filtry: Status Data wystawienia Klient Możliwość sortowania po każdej kolumnie Przycisk "Dodaj fakturę" prowadzący do ekranu szczegółów faktury (2.25) Przycisk "Eksportuj" - rozwijane menu z opcjami: Eksportuj zaznaczone faktury (do formatu np. XML, CSV) Eksportuj wszystkie faktury z danego okresu (do formatu np. XML, CSV) Przycisk "Powrót" lub ikona strzałki wstecz Nawigacja: Kliknięcie na numer faktury otwiera ekran szczegółów faktury (2.25) Przycisk "Dodaj fakturę" prowadzi do ekranu szczegółów faktury (2.25) Przycisk "Eksportuj" umożliwia eksport danych faktur do wybranego formatu. Przycisk "Powrót" wraca do ekranu głównego CRM lub innego ekranu, z którego użytkownik przyszedł. Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Tabela powinna być czytelna i responsywna Filtry i sortowanie powinny działać dynamicznie i szybko Przycisk dodawania nowej faktury powinien być wyraźnie widoczny Przycisk "Eksportuj" powinien być łatwo dostępny i intuicyjny w obsłudze Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny Eksport danych powinien być prosty i szybki, z możliwością wyboru formatu i zakresu dat. 2.25. Szczegóły faktury/zamówienia Cel: Wyświetlenie szczegółowych informacji o wybranej fakturze lub zamówieniu, zgodnie z obowiązującymi przepisami prawa. Elementy ekranu: Nagłówek ekranu z nazwą "Szczegóły faktury" lub "Szczegóły zamówienia" Dane identyfikacyjne faktury: Numer faktury (unikalny numer w ramach serii) Data wystawienia Data dokonania lub zakończenia dostawy towarów/usług (jeśli różna od daty wystawienia) Dane sprzedawcy: Nazwa firmy/Imię i nazwisko Adres Numer Identyfikacji Podatkowej (NIP) Dane nabywcy: Nazwa firmy/Imię i nazwisko Adres Numer Identyfikacji Podatkowej (NIP) - jeśli dotyczy Szczegóły zamówienia/faktury: Lista pozycji (usługi/produkty) z kolumnami: Nazwa (rodzaj) towaru lub usługi Miarę i ilość dostarczonych towarów lub zakres wykonanych usług Cena jednostkowa netto (bez podatku) Kwoty wszelkich upustów lub obniżek cen (jeśli nie zostały uwzględnione w cenie jednostkowej netto) Wartość netto Stawka podatku VAT Kwota podatku VAT Suma netto Podatek VAT Suma brutto (kwota należności ogółem) Dodatkowe informacje: Historia zmian statusu Adnotacje (np. "metoda kasowa" dla małych przedsiębiorców) Informacje o fakturze korygującej (numer faktury korygowanej, szczegóły korekty) - jeśli dotyczy Przyciski: "Edytuj" - umożliwia edycję danych faktury "Drukuj" "Pobierz jako PDF" "Powrót" lub ikona strzałki wstecz Nawigacja: Przycisk "Edytuj" przenosi do ekranu edycji faktury. Przycisk "Drukuj" otwiera okno dialogowe drukowania. Przycisk "Pobierz jako PDF" generuje i pobiera fakturę/zamówienie w formacie PDF. Przycisk "Powrót" wraca do ekranu listy faktur (2.24) lub innego ekranu, z którego użytkownik przyszedł. Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Informacje powinny być czytelne i łatwe do znalezienia Lista pozycji powinna być przejrzysta i zrozumiała Suma netto, VAT i suma brutto powinny być wyraźnie widoczne Przyciski powinny być łatwo dostępne Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny System powinien automatycznie generować numer faktury zgodnie z przyjętą konwencją System powinien umożliwiać wystawianie faktur w różnych walutach 2.26. Raporty Cel: Umożliwienie generowania i przeglądania raportów, definiowania własnych raportów i metryk, prezentowanych za pomocą wykresów adekwatnych do typu danych. Elementy ekranu: Nagłówek ekranu z nazwą "Raporty" Lista dostępnych raportów (np. raport sprzedaży, raport aktywności, raport produktywności) Przycisk "Dodaj nowy raport" - umożliwia stworzenie własnego raportu Możliwość wyboru i konfiguracji metryk w ramach pojedynczego raportu Filtry (np. okres, typ raportu, opiekun) Możliwość wyboru formatu raportu (np. PDF, CSV, Excel) Przycisk "Generuj raport" Podgląd wygenerowanego raportu, który może zawierać: Kilka wykresów (np. słupkowy, liniowy, kołowy) adekwatnych do typu mierzonego parametru Tabele z danymi uzupełniającymi wykresy Przycisk "Pobierz raport" Przycisk "Powrót" lub ikona strzałki wstecz Nawigacja: Kliknięcie na nazwę raportu otwiera ekran konfiguracji i podglądu raportu Przycisk "Dodaj nowy raport" przenosi do ekranu definicji nowego raportu Przycisk "Generuj raport" generuje raport z wybranymi metrykami i filtrami Przycisk "Pobierz raport" pobiera wygenerowany raport w wybranym formacie Przycisk "Powrót" wraca do ekranu głównego CRM lub innego ekranu, z którego użytkownik przyszedł Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Możliwość dodawania wielu metryk do jednego raportu Automatyczne dobieranie typu wykresu do rodzaju danych (np. wykres kołowy dla udziałów procentowych, liniowy dla trendów czasowych) Intuicyjny interfejs konfiguracji metryk i filtrów Czytelny i responsywny podgląd raportu z wykresami i tabelami Możliwość eksportu raportu w różnych formatach Przycisk "Powrót" zawsze widoczny i łatwo dostępny 2.27. Szczegóły raportu Cel: Umożliwienie tworzenia i edycji raportów poprzez wybór, konfigurację i definiowanie metryk, które będą wchodzić w skład raportu. Elementy ekranu: Nagłówek ekranu z nazwą raportu (możliwość edycji po kliknięciu przycisku "Edytuj raport") Pole do opisu raportu (możliwość edycji po kliknięciu przycisku "Edytuj raport") Przycisk "Edytuj raport" - umożliwia edycję nazwy i opisu raportu Sekcja wyboru metryk: Lista dostępnych metryk z możliwością wyboru do raportu Przy każdym elemencie listy metryk przycisk "Edytuj metrykę" - pozwala na modyfikację parametrów metryki Przycisk "Dodaj nową metrykę" otwierający formularz definiowania metryki Formularz definiowania/edycji metryki (po kliknięciu "Dodaj nową metrykę" lub "Edytuj metrykę"): Nazwa metryki Opis metryki Wybór źródła danych (np. sprzedaż, aktywności, klienci) Typ danych (liczba, kwota, procent, tekst) Sposób agregacji (suma, średnia, maksimum, minimum) Typ wykresu (słupkowy, liniowy, kołowy, tabela) Przycisk "Zapisz metrykę" Możliwość ustalania kolejności metryk w raporcie (np. drag & drop) Sekcja filtrów raportu: Możliwość dodawania i konfigurowania filtrów (np. zakres dat, opiekun, status) Przycisk "Zapisz raport" Przycisk "Anuluj" lub "Powrót" Nawigacja: Przycisk "Edytuj raport" otwiera formularz edycji raportu w tym samym ekranie lub w modalnym oknie Przycisk "Edytuj metrykę" otwiera formularz edycji metryki w tym samym ekranie lub w modalnym oknie Przycisk "Zapisz metrykę" zapisuje metrykę i wraca do ekranu konfiguracji raportu Przycisk "Zapisz raport" zapisuje konfigurację i wraca do listy raportów (2.26) Przycisk "Anuluj" lub "Powrót" wraca do listy raportów (2.26) bez zapisywania zmian Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Interfejs powinien być intuicyjny i przejrzysty Formularz definiowania metryki powinien walidować dane zgodnie z typem pola Możliwość łatwego dodawania, edycji i usuwania metryk Możliwość łatwego ustawiania kolejności metryk w raporcie Filtry powinny być elastyczne i łatwe do konfiguracji Przycisk "Zapisz raport" powinien być wyraźnie widoczny i dostępny Przycisk "Edytuj raport" powinien być wyraźnie widoczny, np. w nagłówku ekranu Przycisk "Edytuj metrykę" powinien być dostępny przy każdej metryce na liście, ale nie powinien zaśmiecać interfejsu (np. ikona ołówka) Edycja powinna być szybka i intuicyjna, z walidacją danych 2.28. Lista użytkowników Cel: Umożliwienie przeglądania i zarządzania użytkownikami systemu, ich rolami i uprawnieniami. Elementy ekranu: Nagłówek ekranu z nazwą "Lista użytkowników" Tabela z listą użytkowników zawierająca kolumny: Imię i nazwisko Nazwa użytkownika/login Rola (np. super admin, admin, manager, architekt, kontraktor) Status konta (aktywny, zablokowany) Data ostatniego logowania Filtry: Rola Status konta Możliwość sortowania po każdej kolumnie Przycisk "Dodaj nowego użytkownika" prowadzący do ekranu dodawania/edycji użytkownika (2.29) Przycisk "Powrót" lub ikona strzałki wstecz Nawigacja: Kliknięcie na nazwę użytkownika otwiera ekran dodawania/edycji użytkownika (2.29) Przycisk "Dodaj nowego użytkownika" prowadzi do ekranu dodawania/edycji użytkownika (2.29) Przycisk "Powrót" wraca do ekranu głównego CRM lub innego ekranu, z którego użytkownik przyszedł Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Tabela powinna być czytelna i responsywna Filtry i sortowanie powinny działać dynamicznie i szybko Przycisk dodawania nowego użytkownika powinien być wyraźnie widoczny Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny 2.29. Szczegóły użytkownika Cel: Wyświetlenie szczegółowych informacji o wybranym użytkowniku, w tym jego danych osobowych, przypisanych projektów, uprawnień oraz deklarowanej dostępności i zgłoszonych nieobecności. Elementy ekranu: Nagłówek ekranu z imieniem i nazwiskiem użytkownika Zakładki: 2.29.1. Dane osobowe: Imię i nazwisko Nazwa użytkownika/login E-mail Telefon Rola Status konta (aktywny, zablokowany) Przycisk "Edytuj dane osobowe" 2.29.2. Przypisane projekty: Lista projektów, do których użytkownik jest przypisany Możliwość dodawania i usuwania projektów 2.29.3. Uprawnienia: Lista uprawnień przypisanych do użytkownika Możliwość zmiany uprawnień (w zależności od roli użytkownika) Kalendarz dostępności: Widok kalendarza (tydzień/miesiąc) Oznaczone dni i godziny dostępności użytkownika Możliwość dodawania, edycji i usuwania deklarowanej dostępności Możliwość zgłaszania urlopów i innych nieobecności: Przycisk "Zgłoś urlop/nieobecność" Formularz zgłoszenia: Typ nieobecności (urlop, choroba, inne) Data rozpoczęcia Data zakończenia (opcjonalnie, jeśli to jednodniowa nieobecność) Opis (opcjonalny) Oznaczenie zgłoszonych nieobecności w kalendarzu (np. innym kolorem) Nawigacja: Kliknięcie na zakładkę przenosi do odpowiedniej sekcji ekranu Przycisk "Edytuj dane osobowe" otwiera formularz edycji danych osobowych Kliknięcie na projekt przenosi do ekranu szczegółów projektu Przycisk "Zgłoś urlop/nieobecność" otwiera formularz zgłoszenia Po zapisaniu zgłoszenia, nieobecność jest oznaczana w kalendarzu Przycisk "Powrót" wraca do ekranu listy użytkowników (2.28) Menu główne i boczne dostępne zgodnie z ogólnymi wytycznymi UX i zasady: Informacje powinny być czytelne i łatwe do znalezienia Kalendarz dostępności powinien być intuicyjny w obsłudze Możliwość łatwego dodawania, edycji i usuwania deklarowanej dostępności Formularz zgłoszenia powinien być prosty i intuicyjny Oznaczenie nieobecności w kalendarzu powinno być wyraźne i łatwe do odróżnienia od dostępności Możliwość edycji lub usunięcia zgłoszonej nieobecności (np. w przypadku zmiany planów) Przycisk "Powrót" powinien być zawsze widoczny i łatwo dostępny 2.30. Zarządzanie uprawnieniami Cel ekranu Umożliwienie administratorom i uprawnionym użytkownikom tworzenia, edycji i zarządzania rolami oraz przypisywania im precyzyjnych uprawnień dostępu do wszystkich funkcji i modułów systemu ARTSCore, zgodnie z wymaganiami projektu. Struktura ekranu i elementy UI 1. Nagłówek ekranu Tytuł: "Zarządzanie uprawnieniami" Przycisk pomocy (ikona „?”) z tooltipem lub linkiem do dokumentacji Przycisk „Powrót” do poprzedniego ekranu lub dashboardu 2. Menu zakładek (pionowe lub poziome) 2.30.1. Definiowanie ról — widok listy ról i edycji 2.30.2. Przypisywanie dostępów — widok przypisywania ról do użytkowników, działów i grup 3. Zakładka: Definiowanie ról (2.30.1) 3.1. Lista ról Tabela/lista z rolami, kolumny: Nazwa roli (np. Super Admin, Architekt, Manager) Opis roli (krótki tekst) Liczba przypisanych użytkowników Akcje: Edytuj, Klonuj, Usuń (ikony) Możliwość sortowania i filtrowania po nazwie i opisie Przycisk „Dodaj nową rolę” (wyraźny, np. w prawym górnym rogu) 3.2. Formularz tworzenia/edycji roli Pole tekstowe: Nazwa roli (wymagane) Pole tekstowe: Opis roli (opcjonalne) Sekcja uprawnień — lista modułów i funkcji pogrupowanych tematycznie, z ujednoliconymi uprawnieniami: Grupy modułów i uprawnień: Moduł / Funkcja Uprawnienia (opcje wyboru) Dodatkowe uprawnienia specyficzne Projekty / Zlecenia Brak, Przegląd, Tworzenie, Edycja, Usuwanie Dostęp do statusów i etapów, Historia zmian, Warunki umowy, Zarządzanie workflow i etapami (lejek sprzedaży) Zadania Brak, Przegląd, Tworzenie, Edycja, Delegowanie, Usuwanie Zmiana statusów zadań, Automatyczne przypomnienia o statusach CRM Brak, Przegląd, Tworzenie, Edycja, Usuwanie Dostęp do leadów, klientów, ofert, historii interakcji, Komunikacja i notatki, Raporty sprzedaży i statystyki Dokumenty i Galeria Brak, Przegląd, Dodawanie, Edycja, Usuwanie Podgląd miniatur i zdjęć, Kategoryzacja dokumentów Workflow / Lejki Brak, Przegląd, Tworzenie, Edycja, Usuwanie Automatyzacje powiązane z etapami Automatyzacje Brak, Przegląd, Tworzenie, Edycja Uprawnienia do konfiguracji automatyzacji Zarządzanie użytkownikami Brak, Przegląd, Dodawanie, Edycja, Usuwanie, Przypisywanie ról Zarządzanie strukturą firmy (działy, zespoły), Kalendarz dostępności i zgłaszanie urlopów/nieobecności Raporty Brak, Przegląd, Eksport Raporty sprzedaży, prowizji, realizacji projektów Ustawienia systemowe Brak, Dostęp do konfiguracji, Integracji Konfiguracja płatności, kalendarzy, komunikatorów, e-mail marketingu, podpisu elektronicznego, dokumentów, Szablony i ustawienia globalne Sklep internetowy i program partnerski Brak, Przegląd, Zarządzanie Zarządzanie usługami, cennikami, rabatami, kodami promocyjnymi, programem partnerskim, raportami prowizji, quizami i konkursami Każde uprawnienie wybierane jest z listy rozwijanej lub radiobuttonów, domyślnie ustawione na Brak uprawnień Możliwość zaznaczenia dodatkowych uprawnień specyficznych dla modułu, np.: Delegowanie zadań Przypisywanie ról użytkownikom Eksport raportów Przełącznik: „Może zarządzać uprawnieniami” — pozwala użytkownikowi z tą rolą na edycję ról i uprawnień Informacja o dziedziczeniu uprawnień w strukturze organizacyjnej (działy, poddziały) — widoczna przy edycji Walidacja pól (np. nazwa roli wymagana) 3.3. Akcje w formularzu Przycisk „Zapisz” — walidacja i zapis zmian, powrót do listy ról Przycisk „Anuluj” — powrót do listy ról bez zapisu Potwierdzenie przy usuwaniu roli (modal) z informacją o skutkach usunięcia (np. utrata uprawnień przez użytkowników) 4. Zakładka: Przypisywanie dostępów (2.30.2) 4.1. Lista użytkowników Tabela z kolumnami: Imię i nazwisko Login / e-mail Aktualne role (lista, możliwość rozwinięcia) Dział / zespół Akcje: Edytuj role (ikona) Wyszukiwarka i filtry: Po nazwie użytkownika Po roli Po dziale 4.2. Edycja przypisania ról Po kliknięciu „Edytuj role” otwiera się modal lub panel boczny z listą dostępnych ról (checkboxy) Możliwość przypisania wielu ról jednocześnie Informacja o sumarycznych uprawnieniach wynikających z przypisanych ról (np. podsumowanie najważniejszych uprawnień) Przycisk „Zapisz” i „Anuluj” 5. Dodatkowe funkcjonalności i zasady Dziedziczenie uprawnień — uprawnienia mogą być dziedziczone w strukturze organizacyjnej (np. uprawnienia działu przekazywane poddziałom) — informacja widoczna przy edycji ról i przypisywaniu Łączenie uprawnień — jeśli użytkownik ma wiele ról, system sumuje uprawnienia (najszersze dostępne) Ograniczenia dostępu — tylko użytkownicy z uprawnieniami (np. super admin, admin) mogą zarządzać rolami i uprawnieniami Logowanie zmian — każda zmiana ról i uprawnień jest rejestrowana w historii zmian (kto, kiedy, co zmienił) Responsywność — ekran dostosowany do różnych rozdzielczości, z przewijaniem i zwijaniem sekcji Informacje kontekstowe — tooltipy i podpowiedzi przy elementach formularza, wyjaśniające znaczenie uprawnień Potwierdzenia i zabezpieczenia — przy usuwaniu ról i krytycznych zmianach uprawnień 6. Przykładowy przepływ użytkownika Administrator wchodzi na ekran Zarządzanie uprawnieniami W zakładce Definiowanie ról przegląda listę ról, klonuje istniejącą rolę „Manager” i tworzy nową „Manager Projektu” W edytorze roli ustawia uprawnienia do projektów i zadań na poziomie działu, ogranicza dostęp do ustawień systemowych Zapisuje rolę Przechodzi do zakładki Przypisywanie dostępów Wyszukuje użytkownika „Jan Kowalski” i przypisuje mu nową rolę „Manager Projektu” Zapisuje zmiany 2.31. Ustawienia konta 2.31.1. Dane osobowe 2.31.2. Zmiana hasła 2.31.3. Powiadomienia 2.32. Ustawienia systemowe 2.32.1. Integracje 2.32.2. Szablony 2.32.3. Automatyzacje 2.33. Onboarding 2.33.1. Przewodnik po systemie 2.33.2. Checklisty 2.34. Historia zmian 2.34.1. Log zmian 2.34.2. Filtrowanie po typie operacji 3. Realizacja zleceń/projektów 3.1. Dashboard architekta 1. Cel: Zapewnienie architektowi centralnego miejsca do zarządzania projektami, zadaniami, komunikacją, narzędziami i statusami zleceń, z uwzględnieniem terminów, priorytetów i dostępności zespołu. 2. Elementy Interfejsu: Nagłówek ekranu: Nazwa: „Dashboard Architekta” Przycisk pomocy (ikona „?”), przycisk „Wyloguj”, przycisk „Powrót”. Lista projektów: Wyświetla projekty przypisane architektowi. Kolumny: Nazwa projektu Status Termin Możliwość filtrowania i sortowania (np. po statusie, terminie). Po rozwinięciu projektu wyświetlana jest lista zadań powiązanych z tym projektem. Lista zadań (rozwijana dla każdego projektu): Pokazuje zadania przypisane architektowi z priorytetami i terminami. Kolumny: Nazwa zadania Priorytet Status Termin realizacji Możliwość aktualizacji statusu zadania (jeśli uprawnienia na to pozwalają). Miniaturka kalendarza zespołu: Pokazuje terminy i dostępność członków zespołu pracujących nad projektami architekta. Kliknięcie otwiera pełny kalendarz zespołu. Powiadomienia: Panel z informacjami o nowych zadaniach, komentarzach do dokumentacji i zbliżających się terminach. Czerwone kropki sygnalizujące nowe lub pilne powiadomienia. Skróty: Umożliwiają szybki dostęp do: Listy projektów Listy zadań Modułu komunikacji Czat zespołowy: Komunikacja w czasie rzeczywistym z wykonawcami, managerami i innymi architektami. Sekcja z linkami do narzędzi zewnętrznych: Lista linków do programów CAD, bibliotek materiałów, kalkulatorów i innych narzędzi przydatnych w pracy architekta. Administrator systemu może dodawać i edytować te linki. Przyciski zmiany statusu zlecenia: Umieszczone w widocznym miejscu na dashboardzie i/lub w szczegółach zadania/projektu. Pozwalają architektowi zmienić status etapu i wysłać zlecenie do weryfikacji wykonawcy lub przełożonego. 3. Nawigacja: Kliknięcie w projekt otwiera ekran Szczegóły Projektu. Kliknięcie w zadanie otwiera szczegóły zadania. Kliknięcie w miniaturkę kalendarza otwiera pełny kalendarz zespołu. Skróty umożliwiają szybki dostęp do najważniejszych funkcji. Przyciski zmiany statusu zlecenia pozwalają na szybką aktualizację postępu prac. Przycisk „Powrót” zawsze widoczny i łatwo dostępny. Menu główne i boczne zgodnie z ogólnymi wytycznymi (możliwość ukrycia/rozwinięcia, skróty, kalendarz). 4. UX i zasady: Dynamiczne aktualizowanie listy projektów, zadań i powiadomień. Kolorowe oznaczenia priorytetów i statusów dla lepszej czytelności. Czat działa w czasie rzeczywistym, z natychmiastową informacją o nowych wiadomościach. Tabele projektów i zadań są responsywne i czytelne na różnych urządzeniach. Możliwość filtrowania i sortowania projektów oraz zadań. Wszystkie elementy dostępne z klawiatury, czytelne dla czytników ekranu (ARIA). Kontrast tekstu do tła min. 4.5:1. 5. Ergonomia i Efektywność: Minimalizacja liczby kliknięć do najważniejszych funkcji (np. szybkie przejście z projektu do zadań). Skróty klawiaturowe do przełączania się między sekcjami. Szybki dostęp do komunikacji i powiadomień bez przeładowania strony. Personalizacja skrótów w menu bocznym. Bezpośredni dostęp do narzędzi zewnętrznych z poziomu dashboardu. 6. Informacja Zwrotna i Kontrola: Komunikaty o nowych zadaniach, komentarzach i zbliżających się terminach. Kolorowe oznaczenia i statusy wizualnie pokazują stan realizacji projektów i zadań. Alerty i powiadomienia są wyraźne i nie do przeoczenia. Użytkownik ma pełną kontrolę nad nawigacją, zarządzaniem projektami i zadaniami oraz zmianą statusów zleceń. System automatycznie przypomina o konieczności zmiany statusu po uzupełnieniu dokumentacji. 3.2. Dashboard wykonawcy 1. Cel: Zapewnienie wykonawcy szybkiego dostępu do wszystkich kluczowych informacji i narzędzi niezbędnych do realizacji zadań i projektów, bieżącej komunikacji oraz monitorowania terminów i priorytetów. 2. Elementy Interfejsu: Nagłówek ekranu: Nazwa: „Dashboard Wykonawcy” Przycisk pomocy (ikona „?”), przycisk „Wyloguj”, przycisk „Powrót”. Lista przypisanych zadań: Tabela lub lista zadań przypisanych do wykonawcy. Kolumny: Nazwa zadania Priorytet Status Termin realizacji Osoby przypisane Możliwość filtrowania i sortowania po każdej kolumnie. Kolorowe oznaczenia priorytetów i statusów. System powiadomień o przekroczeniu terminów. Lista przypisanych projektów: Lista projektów, do których wykonawca jest przypisany. Podstawowe informacje: nazwa projektu, status, termin, główny architekt. Link do szczegółów projektu (kliknięcie przenosi do ekranu Szczegóły Projektu). Miniaturka kalendarza organizacji: Kompaktowy widok kalendarza całej firmy. Pokazuje dostępność zespołu, terminy zadań i projektów. Kliknięcie otwiera pełny kalendarz (integracja z Google Calendar). Powiadomienia: Panel z informacjami o nowych zadaniach, zmianach statusów, komentarzach i przekroczeniach terminów. Czerwone kropki sygnalizujące nowe lub pilne powiadomienia. Skróty: Szybki dostęp do: Listy zadań Listy projektów Szybkiego kontaktu z architektem (np. przycisk „Napisz do architekta”) Czat ogólny zespołu: Panel komunikacji zespołowej oparty na silniku Discord lub podobnym. Możliwość wysyłania i odbierania wiadomości w czasie rzeczywistym. Dostęp do historii czatu. 3. Nawigacja: Kliknięcie w zadanie otwiera szczegóły zadania. Kliknięcie w projekt otwiera ekran Szczegóły Projektu. Kliknięcie w miniaturkę kalendarza otwiera pełny kalendarz w popupie lub nowym oknie. Skróty umożliwiają szybki dostęp do najważniejszych funkcji. Przycisk „Powrót” zawsze widoczny i łatwo dostępny. Menu główne i boczne zgodnie z ogólnymi wytycznymi (możliwość ukrycia/rozwinięcia, skróty, kalendarz). 4. UX i zasady: Dynamiczne aktualizowanie listy zadań, projektów i powiadomień. Kolorowe oznaczenia priorytetów i statusów dla lepszej czytelności. Czat działa w czasie rzeczywistym, z natychmiastową informacją o nowych wiadomościach. Tabela zadań i projekty są responsywne i czytelne na różnych urządzeniach. Możliwość filtrowania i sortowania zadań oraz projektów. Wszystkie elementy dostępne z klawiatury, czytelne dla czytników ekranu (ARIA). Kontrast tekstu do tła min. 4.5:1. 5. Ergonomia i Efektywność: Minimalizacja liczby kliknięć do najważniejszych funkcji (np. szybkie przejście z zadania do projektu). Skróty klawiaturowe do przełączania się między sekcjami. Szybki dostęp do komunikacji i powiadomień bez przeładowania strony. Personalizacja skrótów w menu bocznym. 6. Informacja Zwrotna i Kontrola: Komunikaty o nowych zadaniach, komentarzach i przekroczeniach terminów. Pasek postępu i kolorowe oznaczenia wizualnie pokazują stan realizacji. Alerty i powiadomienia są wyraźne i nie do przeoczenia. Użytkownik ma pełną kontrolę nad nawigacją i zarządzaniem swoimi zadaniami i projektami. 3.3. Dashboard logistyka 1. Cel: Umożliwienie logistykom efektywnego zarządzania zamówieniami materiałów dla projektów, monitorowania postępu kompletacji, szybkiej komunikacji z zespołem i klientem oraz natychmiastowego reagowania na opóźnienia i braki. 2. Elementy Interfejsu: Nagłówek ekranu: Nazwa: „Logistyka” Przycisk pomocy (ikona „?”), przycisk „Powrót”. Lista projektów z paskiem postępu kompletacji zamówienia: Centralna tabela lub lista projektów. Kolumny: Nazwa projektu Pasek postępu kompletacji zamówienia (procent zamówionych materiałów) Status (np. w toku, zakończony, opóźniony) Data rozpoczęcia Data zakończenia Pasek postępu aktualizowany automatycznie na podstawie statusów zamówień materiałów. Możliwość sortowania i filtrowania po nazwie projektu, statusie, dacie. Kliknięcie w projekt przenosi do ekranu „Lista Materiałowa”. Czat zespołowy: Panel komunikacji wewnętrznej z architektami, wykonawcami, managerami. Wysyłanie i odbieranie wiadomości tekstowych w czasie rzeczywistym. Powiadomienia o nowych wiadomościach. Możliwość szybkiego przejścia do czatu z wybranym członkiem zespołu. Czat z klientem: Dedykowany kanał do komunikacji z klientem w sprawach logistycznych i zamówień. Integracja z zewnętrznymi kanałami (np. WhatsApp, Messenger, SMS). Powiadomienia o nowych wiadomościach od klienta. Skróty i powiadomienia: Skróty do: Listy zadań logistycznych Kalendarza Komunikacji Powiadomienia o: Opóźnieniach w dostawach Brakach materiałów Konieczności interwencji System alertów (np. czerwona kropka, dźwięk, popup) sygnalizuje pilne sprawy. 3. Nawigacja: Kliknięcie w nazwę projektu otwiera ekran „Lista Materiałowa”. Przejście do czatu zespołowego lub klienta przez dedykowane panele. Skróty umożliwiają szybki dostęp do najważniejszych funkcji. Przycisk „Powrót” zawsze widoczny i łatwo dostępny. Menu główne i boczne zgodnie z ogólnymi wytycznymi (możliwość ukrycia/rozwinięcia, skróty, kalendarz). 4. UX i zasady: Dynamiczne aktualizowanie pasków postępu i powiadomień. Czat działa w czasie rzeczywistym, z natychmiastową informacją o nowych wiadomościach. System alertów pozwala szybko reagować na krytyczne sytuacje. Tabela projektów i panele czatu są responsywne i czytelne na różnych urządzeniach. Możliwość filtrowania i sortowania projektów oraz zadań. Wszystkie elementy dostępne z klawiatury, czytelne dla czytników ekranu (ARIA). Kontrast tekstu do tła min. 4.5:1. 5. Ergonomia i Efektywność: Minimalizacja liczby kliknięć do najważniejszych funkcji (np. szybkie przejście z projektu do listy materiałowej). Skróty klawiaturowe do przełączania się między sekcjami. Szybki dostęp do komunikacji i powiadomień bez przeładowania strony. Personalizacja skrótów w menu bocznym. 6. Informacja Zwrotna i Kontrola: Komunikaty o nowych wiadomościach, opóźnieniach i brakach materiałów. Pasek postępu wizualnie pokazuje stan kompletacji zamówień. Alerty i powiadomienia są wyraźne i nie do przeoczenia. Użytkownik ma pełną kontrolę nad nawigacją i zarządzaniem projektami logistycznymi. 3.4. Dashboard flipera / Pośrednika nieruchomości / Agencji pośrednictwa 1. Cel: Zapewnienie fliperom, pośrednikom i agencjom nieruchomości centralnego miejsca do zarządzania zleceniami, etapami realizacji, pracownikami (w przypadku agencji), komunikacją, dokumentami i finansami, z uwzględnieniem limitów transakcji i dostępu do dodatkowych usług. 2. Elementy Interfejsu: Nagłówek ekranu: Nazwa: „Dashboard” (zależnie od roli: Fliper, Pośrednik, Agencja) Przycisk pomocy (ikona „?”), przycisk „Wyloguj”, przycisk „Powrót”. Lista zleceń (usług): Wyświetla wszystkie zlecenia (usługi) zlecone przez flipera/agencję. Kolumny: Nazwa zlecenia Status Termin Etap Opiekun Pasek postępu Możliwość filtrowania i sortowania (np. po statusie, terminie, etapie, opiekunie). Ikony szybkiego dostępu do szczegółów zlecenia, dokumentów, galerii materiałów, historii zmian. Kliknięcie zlecenia otwiera rozwinięcie zlecenia z listą etapów pracy. Podgląd, komentowanie i akceptacja etapów pracy: Po rozwinięciu zlecenia widoczna jest lista etapów realizacji (np. projekt koncepcyjny, wizualizacja, dokumentacja, odbiór). Przy każdym etapie: Nazwa etapu Status (np. w toku, do akceptacji, zakończony) Termin Pasek postępu (jeśli dotyczy) Przycisk „Skomentuj” (otwiera okno dialogowe lub panel boczny do wpisania komentarza, możliwość dodania załącznika) Przycisk „Zaakceptuj” (jeśli etap wymaga akceptacji klienta, z potwierdzeniem) Historia komentarzy i akceptacji (oś czasu lub lista) Kliknięcie w nazwę etapu przenosi do ekranu szczegółów etapu (pełna dokumentacja, historia zmian, komentarze). Zarządzanie pracownikami agencji (tylko dla agencji nieruchomości): Możliwość dodawania i edycji pracowników (np. agentów, asystentów). Przypisywanie pracowników do konkretnych nieruchomości/zleceń. Ustawianie indywidualnych limitów transakcji (kwotowych lub ilościowych) na pracownika. Podgląd historii zamówień i wykorzystania limitów przez każdego pracownika. System automatycznie blokuje możliwość zlecenia, jeśli limit zostanie przekroczony. Zlecanie usług przez pracowników: Pracownik agencji może zlecić usługę (np. wizualizację) dla nieruchomości, którą się opiekuje – w ramach przyznanego limitu. Zlecenia są widoczne dla przełożonego/agencji. Kalendarz: Przegląd najbliższych terminów spotkań, odbiorów, ważnych etapów. Kliknięcie wydarzenia przenosi do ekranu szczegółów wydarzenia. Moduł komunikacji (czat): Komunikacja z opiekunem lub zespołem projektowym w czasie rzeczywistym. Panel komunikacji – historia korespondencji z zespołem, szybki dostęp do czatu lub formularza kontaktowego. Powiadomienia: Informacje o zmianach statusów, nowych dokumentach, zbliżających się terminach. Kliknięcie powiadomienia przenosi do powiązanego ekranu. Skróty: Szybki dostęp do: Zamówienia nowej usługi Pobierania dokumentów Kontaktu z opiekunem Sklepu z usługami Dokumenty i galeria materiałów: Podgląd zdjęć, inspiracji, dokumentacji powiązanej ze zleceniami. Możliwość pobierania i przesyłania dokumentów. Zamówienia i faktury: Przegląd zamówionych usług, statusy realizacji, dostęp do faktur i płatności. 3. Nawigacja: Kliknięcie zlecenia rozwija listę etapów pracy, umożliwia komentowanie i akceptację etapów. Kliknięcie w nazwę etapu przenosi do ekranu szczegółów etapu (pełna dokumentacja, historia zmian, komentarze). Kliknięcie pracownika (w agencji) przenosi do ekranu szczegółów pracownika i jego limitów. Kliknięcie wydarzenia w kalendarzu przenosi do ekranu szczegółów wydarzenia. Kliknięcie powiadomienia przenosi do powiązanego ekranu. Skróty prowadzą do zamawiania usług, pobierania dokumentów, kontaktu z opiekunem, sklepu z usługami. Kliknięcie „Zarządzaj pracownikami” (w agencji) przenosi do ekranu zarządzania pracownikami i limitami. Przycisk „Powrót” zawsze widoczny i łatwo dostępny. Menu główne i boczne zgodnie z ogólnymi wytycznymi (możliwość ukrycia/rozwinięcia, skróty, kalendarz). 4. UX i zasady: Dynamiczne aktualizowanie listy zleceń, etapów, powiadomień i dokumentów. Kolorowe oznaczenia statusów i postępów dla lepszej czytelności. Czat działa w czasie rzeczywistym, z natychmiastową informacją o nowych wiadomościach. Tabele i listy są responsywne i czytelne na różnych urządzeniach. Możliwość filtrowania i sortowania zleceń. Wszystkie elementy dostępne z klawiatury, czytelne dla czytników ekranu (ARIA). Komentowanie i akceptacja etapów dostępne tylko dla uprawnionych użytkowników. Po akceptacji etapu system automatycznie powiadamia zespół i przechodzi do kolejnego etapu. Wszystkie akcje są rejestrowane w historii zlecenia (kto, kiedy, co zaakceptował/skomentował). Kontrast tekstu do tła min. 4.5:1. 5. Ergonomia i Efektywność: Minimalizacja liczby kliknięć do najważniejszych funkcji (np. szybkie przejście z listy zleceń do komentowania/akceptacji etapów). Skróty klawiaturowe do przełączania się między sekcjami. Szybki dostęp do komunikacji, powiadomień i dokumentacji bez przeładowania strony. Personalizacja skrótów w menu bocznym. Bezpośredni dostęp do zarządzania pracownikami (w agencji) i zamawiania usług. 6. Informacja Zwrotna i Kontrola: Komunikaty o zmianach statusów, nowych dokumentach i zbliżających się terminach. Kolorowe oznaczenia i statusy wizualnie pokazują stan realizacji zleceń i etapów. Alerty i powiadomienia są wyraźne i nie do przeoczenia. Użytkownik ma pełną kontrolę nad nawigacją, zarządzaniem zleceniami, etapami, pracownikami (w agencji) i finansami. 3.5. Dashboard dewelopera 1. Cel: Zapewnienie deweloperowi centralnego miejsca do zarządzania inwestycjami, monitorowania postępów i budżetów, komunikacji z zespołem i partnerami, obsługi dokumentacji oraz zamawiania dodatkowych usług, z możliwością zarządzania zespołem i uprawnieniami. 2. Elementy Interfejsu: Nagłówek ekranu: Nazwa: „Dashboard Dewelopera” Przycisk pomocy (ikona „?”), przycisk „Wyloguj”, przycisk „Powrót”. Lista projektów deweloperskich: Przegląd wszystkich projektów z podstawowymi informacjami: Nazwa projektu Status (np. planowanie, budowa, sprzedaż) Termin Budżet Możliwość filtrowania i sortowania (np. po statusie, terminie, budżecie). Kliknięcie projektu przenosi do ekranu podsumowania zlecenia (szczegóły inwestycji). Zarządzanie lokalami w ramach inwestycji: W szczegółach inwestycji dostępna lista lokali (np. mieszkania, lokale użytkowe). Możliwość przeglądania statusów realizacji poszczególnych lokali. Kliknięcie lokalu otwiera szczegóły realizacji danego lokalu. Wizualizacja statusów inwestycji: Graficzna prezentacja etapów realizacji (np. planowanie, budowa, sprzedaż) oraz postępu procentowego. Kliknięcie statusu otwiera szczegóły danego etapu. Kalendarz: Widok zaplanowanych spotkań, wydarzeń i kamieni milowych. Kliknięcie wydarzenia przenosi do ekranu szczegółów wydarzenia. Integracja z zewnętrznymi kalendarzami (np. Google Calendar). Moduł komunikacji (czat): Komunikacja w czasie rzeczywistym z zespołem projektowym, architektami, wykonawcami i partnerami. Możliwość tworzenia grup tematycznych. Powiadomienia: Informacje o ważnych wydarzeniach, zmianach w projektach i zadaniach. Kliknięcie powiadomienia przenosi do powiązanego ekranu. Skróty: Szybki dostęp do: Zarządzania projektami Raportów Dokumentacji projektowej Dokumentacja projektowa: Dostęp do plików, rysunków, umów i innych materiałów powiązanych z projektami. Możliwość przeglądania i pobierania dokumentów. Archiwum zrealizowanych zleceń: Lista zakończonych zleceń z podstawowymi informacjami i statusami realizacji. Uproszczony moduł zarządzania statusami: akceptacja wyników prac, możliwość komentowania, udzielania dodatkowych informacji. Kliknięcie zlecenia przenosi do ekranu podsumowania zlecenia z opcjami akceptacji i komunikacji. Sklep z usługami: Dostęp do sklepu internetowego, gdzie deweloper może wykupić dodatkowe usługi związane z inwestycjami (np. marketing, doradztwo prawne, zarządzanie nieruchomościami). Kliknięcie "Sklep z usługami" przenosi do ekranu sklepu. W sklepie dostępny jest Kreator Zamówień, który umożliwia skonfigurowanie i zamówienie usług. Moduł zarządzania podwładnymi: Umożliwia deweloperowi dodawanie, edycję i nadawanie uprawnień członkom zespołu. Kliknięcie podwładnego przenosi do ekranu szczegółów podwładnego i zarządzania jego uprawnieniami. 3. Nawigacja: Kliknięcie projektu przenosi do ekranu podsumowania zlecenia (szczegóły inwestycji i lokali). Kliknięcie lokalu w szczegółach inwestycji otwiera informacje o statusie i postępach realizacji danego lokalu. Kliknięcie zlecenia w archiwum przenosi do ekranu podsumowania zlecenia z opcjami akceptacji i komunikacji. Kliknięcie statusu inwestycji otwiera szczegóły etapu. Kliknięcie wydarzenia w kalendarzu przenosi do ekranu szczegółów wydarzenia. Kliknięcie powiadomienia przenosi do powiązanego ekranu. Skróty prowadzą do ekranów zarządzania projektami, raportami i dokumentacją. Kliknięcie "Sklep z usługami" przenosi do ekranu sklepu. W sklepie dostępny jest Kreator Zamówień, który umożliwia skonfigurowanie i zamówienie usług. Kliknięcie "Zarządzaj zespołem" przenosi do ekranu zarządzania podwładnymi. Przycisk „Powrót” zawsze widoczny i łatwo dostępny. Menu główne i boczne zgodnie z ogólnymi wytycznymi (możliwość ukrycia/rozwinięcia, skróty, kalendarz). 4. UX i zasady: Dynamiczne aktualizowanie listy projektów, lokali, powiadomień i dokumentacji. Kolorowe oznaczenia statusów i postępów dla lepszej czytelności. Czat działa w czasie rzeczywistym, z natychmiastową informacją o nowych wiadomościach. Tabele i listy są responsywne i czytelne na różnych urządzeniach. Możliwość filtrowania i sortowania projektów oraz lokali. Wszystkie elementy dostępne z klawiatury, czytelne dla czytników ekranu (ARIA). Kontrast tekstu do tła min. 4.5:1. 5. Ergonomia i Efektywność: Minimalizacja liczby kliknięć do najważniejszych funkcji (np. szybkie przejście z projektu do lokalu). Skróty klawiaturowe do przełączania się między sekcjami. Szybki dostęp do komunikacji, powiadomień i dokumentacji bez przeładowania strony. Personalizacja skrótów w menu bocznym. Bezpośredni dostęp do zarządzania zespołem i zamawiania usług. 6. Informacja Zwrotna i Kontrola: Komunikaty o ważnych wydarzeniach, zmianach statusów i zadaniach. Kolorowe oznaczenia i statusy wizualnie pokazują stan realizacji inwestycji i lokali. Alerty i powiadomienia są wyraźne i nie do przeoczenia. Użytkownik ma pełną kontrolę nad nawigacją, zarządzaniem projektami, zespołem i zamawianiem usług. 3.7. Dashboard klienta indywidualnego 3.7.1. Lista zleceń 3.7.2. Dokumenty i galeria 3.7.3. Komunikacja 3.8. Dashboard admina 3.8.1. Zarządzanie użytkownikami 3.8.2. Zarządzanie projektami 3.9. Dashboard super admina 3.9.1. Zarządzanie systemem 3.9.2. Raporty globalne 3.11. Szczegóły zlecenia/projektu 3.11.1. Statusy i etapy 3.11.2. Dokumenty 3.11.3. Galeria 3.11.4. Komunikacja 3.11.5. Historia zmian 3.11.6. Warunki umowy 3.12. Zarządzanie workflow/procesami 3.12.1. Definiowanie procesów 3.12.2. Edycja workflow 3.12.3. Automatyzacje 3.13. Lista materiałów 3.13.1. Przegląd materiałów 3.13.2. Dostępność 3.13.3. Zamówienia 3.14. Historia korespondencji z dostawcami 3.14.1. Lista wiadomości 3.14.2. Załączniki 3.15. Dostawy 3.15.1. Harmonogramy 3.15.2. Statusy 3.16. Kalendarz zespołowy 3.16.1. Widok zespołu 3.16.2. Dodawanie wydarzeń 3.17. Panel komunikacji 3.17.1. Czat zespołowy 3.17.2. Powiadomienia 3.18. Galeria materiałów klienta 3.18.1. Przegląd zdjęć 3.18.2. Dodawanie/edycja opisów 3.19. Historia zmian w projekcie/zleceniu 3.19.1. Log zmian 3.19.2. Filtrowanie po typie operacji 4. Usługi, sklep, partnerzy, quizy 4.1. Zarządzanie usługami/pakietami 4.1.1. Lista usług 4.1.2. Edycja cenników 4.1.3. Zatwierdzanie przez super admina 4.2. Sklep internetowy 4.2.1. Przegląd usług 4.2.2. Kreator zamówienia 4.2.3. Płatność 4.3. Zarządzanie rabatami/kodami promocyjnymi 4.3.1. Generowanie kodów 4.3.2. Przegląd użyć 4.4. Moduł programu partnerskiego 4.4.1. Rejestracja partnerów 4.4.2. Raporty partnerów 4.5. Moduł quizów 4.5.1. Tworzenie quizów 4.5.2. Wyniki quizów 4.6. Lista promocji 4.7. Szczegóły promocji 4.8. Lista konkursów 4.9. Szczegóły konkursu 5. Programy partnerskie innych firm 5.1. Lista programów partnerskich 5.1.1. Przegląd programów 5.1.2. Dodawanie nowego programu 5.2. Szczegóły programu partnerskiego 5.2.1. Lista produktów 5.2.2. Warunki prowizji 5.3. Lista produktów promowanych 5.3.1. Przegląd produktów 5.3.2. Filtrowanie po programie 5.4. Sugestie produktów promowanych w kreatorze projektu/sklepie 5.4.1. Wyświetlanie sugestii 5.4.2. Informacja o prowizji 5.5. Raport prowizji z programów partnerskich dla projektu/zlecenia 5.5.1. Lista produktów promowanych w projekcie 5.5.2. Suma prowizji 5.6. Raport prowizji z programów partnerskich dla architekta 5.6.1. Lista projektów 5.6.2. Suma prowizji 5.7. Raport prowizji z programów partnerskich dla firmy 5.7.1. Zbiorcze podsumowanie 5.7.2. Eksport danych 5.8. Panel rozliczeń prowizji 5.8.1. Statusy rozliczeń 5.8.2. Historia wypłat 6. Administracja i ustawienia 6.1. Ustawienia konta 6.1.1. Dane osobowe 6.1.2. Zmiana hasła 6.1.3. Powiadomienia 6.2. Ustawienia systemowe 6.2.1. Integracje 6.2.2. Szablony 6.2.3. Automatyzacje 6.3. Zarządzanie użytkownikami i uprawnieniami 6.3.1. Lista użytkowników 6.3.2. Przypisywanie ról 6.4. Zarządzanie dostępnością pracowników 6.4.1. Kalendarz dostępności 6.4.2. Edycja dostępności 7. Systemowe 7.1. Logowanie 1. Cel: Bezpieczne uwierzytelnienie użytkownika w systemie CRM oraz uproszczenie procesu rejestracji. 2. Elementy Interfejsu: Pole Login: Pole tekstowe, w którym użytkownik wprowadza swój login. Walidacja formatu e-mail (jeśli używany jest adres e-mail). Etykieta pola: "Login". Placeholder: "Wprowadź swój login". Dodatkowe: Opcja zapamiętywania ostatnio użytego loginu (opcjonalne, z zachowaniem bezpieczeństwa). Pole Hasło: Pole typu password, które ukrywa wprowadzane znaki. Etykieta pola: "Hasło". Placeholder: "Wprowadź swoje hasło". Opcja "Pokaż hasło" (ikona oka), która pozwala tymczasowo odsłonić wpisane hasło. Opcja "Wygeneruj silne hasło": Przycisk lub link, który generuje losowe, silne hasło i automatycznie wypełnia pole hasła. Wygenerowane hasło jest automatycznie kopiowane do schowka i wyświetlane użytkownikowi. Przycisk "Zaloguj się": Przycisk aktywujący proces logowania. Tekst na przycisku: "Zaloguj się". Wyraźny wizualnie, najbardziej wyróżniający się element na ekranie (np. kolor primary, duży rozmiar). Link "Zapomniałem hasła": Link przekierowujący do strony resetowania hasła. Tekst linku: "Zapomniałem hasła". Umieszczony w widocznym miejscu, ale mniej dominujący niż przycisk "Zaloguj się". Komunikat o Błędnym Logowaniu: Wyświetlany, gdy wprowadzone dane logowania są nieprawidłowe. Jasny i zrozumiały komunikat: "Nieprawidłowy login lub hasło. Sprawdź, czy nie popełniłeś literówki. Jeśli nie pamiętasz hasła, kliknij [tutaj](link do resetowania hasła), aby je zresetować." Opcjonalne Dwustopniowe Uwierzytelnianie (2FA): Jeśli włączone, dodatkowe pole do wprowadzenia kodu z aplikacji uwierzytelniającej (np. Google Authenticator). Instrukcje dotyczące konfiguracji 2FA (jeśli użytkownik nie ma jeszcze włączonego). Opcjonalny Checkbox "Zapamiętaj mnie": Pozwala na zapamiętanie sesji użytkownika, aby nie musiał logować się przy każdej wizycie. Należy pamiętać o kwestiach bezpieczeństwa związanych z tą opcją. Przyciski Logowania/Rejestracji przez Google/Facebook: Przyciski z ikonami Google i Facebook, umożliwiające logowanie/rejestrację za pomocą kont zewnętrznych. Tekst na przyciskach: "Zaloguj się przez Google" / "Zaloguj się przez Facebook" lub "Zarejestruj się przez Google" / "Zarejestruj się przez Facebook". Wyraźne wizualnie, zgodne z wytycznymi Google i Facebook. Link "Zarejestruj się": Link przekierowujący do formularza rejestracji (jeśli nie korzystamy z rejestracji przez Google/Facebook). Tekst linku: "Zarejestruj się". Informacje o Polityce Prywatności i Regulaminie: Link do polityki prywatności i regulaminu serwisu. Zapewnienie zgodności z przepisami o ochronie danych. 3. Nawigacja i Integracja: Użytkownik wchodzi na stronę logowania. Może wybrać: Logowanie przez login/hasło (jak poprzednio). Może skorzystać z opcji "Wygeneruj silne hasło". Logowanie/rejestrację przez Google/Facebook. Przejście do ekranu rejestracji (link "Zarejestruj się"). Przejście do ekranu resetowania hasła (link "Zapomniałem hasła"). Przejście do ekranu Polityki Prywatności (link "Polityka Prywatności"). Przejście do ekranu Regulaminu (link "Regulamin"). Po zalogowaniu użytkownik zostaje przekierowany do dashboardu (w zależności od roli). 4. Dostępność (WCAG 2.2): Kontrast tekstu do tła: Minimum 4.5:1 dla wszystkich elementów tekstowych. Nawigacja klawiaturą: Wszystkie elementy dostępne za pomocą klawiatury, logiczna kolejność tabulacji. Wsparcie dla czytników ekranu: Użycie tagów ARIA dla elementów interaktywnych (np. aria-label, aria-describedby). Responsywność: Ekran logowania responsywny i dobrze wygląda na różnych urządzeniach. 5. Ergonomia i Efektywność: Minimalizacja kroków: Logowanie wymaga tylko wprowadzenia loginu i hasła. Skróty klawiaturowe: Możliwość logowania poprzez naciśnięcie klawisza "Enter" w polu hasła. Automatyzacja: Opcja "Wygeneruj silne hasło" automatycznie kopiuje hasło do schowka. Domyślne wartości: Opcja zapamiętywania ostatnio użytego loginu (opcjonalne). 6. Informacja Zwrotna i Kontrola: Komunikaty po akcjach: Logowanie udane: Wyświetla komunikat powitalny i przekierowuje do dashboardu. Logowanie nieudane: Wyświetla komunikat o błędnym loginie/haśle z linkiem do resetowania hasła. Możliwość cofania akcji: Nie dotyczy. Kontrola: Użytkownik ma kontrolę nad procesem logowania (możliwość zobaczenia hasła, wygenerowania silnego hasła). 7.2. Rejestracja 1. Cel: Umożliwienie użytkownikom bezpiecznego i prostego założenia konta w systemie CRM. 2. Elementy Interfejsu: Pole E-mail: Pole tekstowe do wprowadzenia adresu e-mail. Walidacja formatu e-mail. Etykieta pola: "E-mail". Placeholder: "Wprowadź swój e-mail". Pole Hasło: Pole typu password do wprowadzenia hasła. Etykieta pola: "Hasło". Placeholder: "Wprowadź swoje hasło". Opcja "Pokaż hasło" (ikona oka), umożliwiająca tymczasowe odsłonięcie hasła. Opcja "Wygeneruj silne hasło": Przycisk generujący losowe, silne hasło, automatycznie wypełniający pole i kopiujący hasło do schowka. Pole Potwierdź Hasło: Pole typu password do ponownego wprowadzenia hasła. Walidacja zgodności z polem "Hasło". Etykieta pola: "Potwierdź hasło". Placeholder: "Potwierdź swoje hasło". Opcjonalne Pola Dodatkowe: Imię, Nazwisko, Nazwa firmy, Numer telefonu (w zależności od potrzeb). Etykiety i placeholdery jasne i spójne. Checkbox Zgody na Przetwarzanie Danych Osobowych: Wymagana zgoda użytkownika. Tekst informujący o celu przetwarzania danych. Przycisk "Zarejestruj się": Przycisk aktywujący proces rejestracji. Tekst na przycisku: "Zarejestruj się". Wyraźny wizualnie, łatwy do kliknięcia. Link "Masz już konto? Zaloguj się": Link przekierowujący do ekranu logowania. Tekst linku: "Masz już konto? Zaloguj się". Informacje o Polityce Prywatności i Regulaminie: Linki do ekranów Polityki Prywatności i Regulaminu. Opcjonalne Przyciski Rejestracji przez Google/Facebook: Jeśli nie są dostępne na ekranie logowania, dostępne tutaj. Teksty i ikony zgodne z wytycznymi Google i Facebook. 3. Nawigacja i Integracja: Użytkownik trafia na ekran rejestracji po kliknięciu linku "Zarejestruj się" na ekranie logowania lub po wybraniu rejestracji przez Google/Facebook. Po pomyślnej rejestracji: Wyświetla się komunikat o wysłaniu linku aktywacyjnego na podany e-mail. Użytkownik klika w link aktywacyjny w e-mailu. Konto zostaje aktywowane. Użytkownik może się zalogować (przekierowanie do ekranu logowania). Link "Masz już konto? Zaloguj się" prowadzi do ekranu logowania. Linki do Polityki Prywatności i Regulaminu prowadzą do odpowiednich ekranów (dodanych do listy ekranów). 4. Dostępność (WCAG 2.2): Kontrast tekstu do tła: Minimum 4.5:1. Nawigacja klawiaturą: Wszystkie elementy dostępne i logicznie ułożone. Wsparcie dla czytników ekranu: Odpowiednie tagi ARIA. Responsywność: Ekran responsywny na różnych urządzeniach. 5. Ergonomia i Efektywność: Minimalizacja kroków: Formularz zawiera tylko niezbędne pola, opcjonalne pola dodatkowe są wyraźnie oznaczone. Skróty klawiaturowe: Możliwość przechodzenia między polami i zatwierdzania formularza klawiszem Enter. Automatyzacja: Generowanie silnego hasła z automatycznym kopiowaniem do schowka. Domyślne wartości: Brak domyślnych wartości w polach wymagających danych osobowych. 6. Informacja Zwrotna i Kontrola: Komunikaty po akcjach: Po wysłaniu formularza rejestracji wyświetla się jasny komunikat o wysłaniu linku aktywacyjnego. W przypadku błędów walidacji – komunikaty przy odpowiednich polach. Możliwość cofania akcji: Użytkownik może wrócić do ekranu logowania lub poprawić dane w formularzu. Kontrola: Użytkownik ma pełną kontrolę nad wprowadzanymi danymi i procesem rejestracji. 7.3. Resetowanie hasła 7.4. Menu nawigacyjne 1. Cel: Zapewnienie użytkownikowi szybkiego, intuicyjnego i bezpiecznego dostępu do wszystkich kluczowych funkcji oraz ekranów systemu CRM, z uwzględnieniem personalizacji, roli użytkownika i ergonomii pracy. 2. Elementy Interfejsu: Menu boczne (lewe): Możliwość ukrycia i rozwinięcia menu (przycisk hamburgera lub strzałka). Kompaktowy widok kalendarza tygodniowego z opcją rozwinięcia do pełnego widoku w popupie. Lista głównych sekcji systemu (np. Dashboard, Projekty, Zadania, CRM, Dokumenty, Raporty, Sklep, Ustawienia, Administracja). Skróty do najczęściej używanych ekranów/funkcji, konfigurowalne przez użytkownika. Dynamiczne dostosowanie widoczności pozycji do roli użytkownika (np. admin widzi Administrację, użytkownik końcowy nie). Ikony i etykiety przy każdej pozycji menu. Możliwość rozwijania/zwijania podsekcji (np. kliknięcie w "Projekty" rozwija listę projektów lub podmodułów). Widoczność liczby powiadomień przy wybranych pozycjach (np. liczba nowych zadań). Menu boczne (prawe): Ukrywane menu czatów i powiadomień, rozwijane na żądanie użytkownika. Panel czatu zespołowego i czatu z klientem (kontekstowy, zależny od aktualnie przeglądanej treści). Ikonka profilu użytkownika z dostępem do ustawień konta, wylogowania, zmiany hasła. Ikonka powiadomień z sygnalizacją nowych i nieodczytanych wiadomości (czerwona kropka). Szybki dostęp do powiadomień o zadaniach, terminach, zmianach statusów itp. Możliwość szybkiego przełączania się między czatami i powiadomieniami. Górny pasek nawigacyjny (opcjonalnie): Logo systemu (kliknięcie przenosi na dashboard). Pasek wyszukiwania globalnego (projekty, zadania, dokumenty, użytkownicy). Szybkie akcje (np. "Dodaj zadanie", "Dodaj projekt", "Nowy lead"). Przycisk pomocy (FAQ, kontakt z supportem). 3. Nawigacja: Kliknięcie w pozycję menu przenosi użytkownika do odpowiedniego ekranu. Rozwijanie/zwijanie sekcji i podsekcji odbywa się płynnie, z animacją. Skróty można dodawać/usuwać z poziomu menu (np. przez ikonę „+” lub „kosz”). Przycisk ukrywania/rozwijania menu zawsze widoczny. Przejście do ustawień konta i wylogowania przez kliknięcie w ikonę profilu. Powiadomienia i czaty otwierają się w panelu bocznym bez przeładowania strony. 4. UX i zasady: Menu jest responsywne i dostosowuje się do rozdzielczości ekranu (desktop, tablet, smartfon). Wszystkie elementy dostępne z klawiatury, czytelne dla czytników ekranu (ARIA). Kontrast tekstu do tła min. 4.5:1. Wyraźna informacja zwrotna przy interakcji (np. animacja, podświetlenie aktywnej pozycji). Personalizacja: użytkownik może zarządzać skrótami i kolejnością pozycji. Elementy niedostępne dla danej roli są ukryte lub nieaktywne. Liczba powiadomień i statusy (np. nowe zadania, nieprzeczytane wiadomości) sygnalizowane kolorowymi kropkami. 5. Ergonomia i Efektywność: Minimalizacja liczby kliknięć do najczęściej używanych funkcji. Możliwość szybkiego przełączania się między sekcjami bez przeładowania strony. Skróty klawiaturowe do najważniejszych pozycji menu. Możliwość personalizacji menu przez użytkownika. 6. Informacja Zwrotna i Kontrola: Komunikaty po dodaniu/usunięciu skrótu. Podświetlenie aktywnej sekcji. Jasne komunikaty o braku dostępu do danej funkcji (jeśli użytkownik nie ma uprawnień). 7.5. Polityka prywatności 7.5. Regulamin 8. Integracje z zewnętrznymi narzędziami 8.1. Integracja z płatnościami online 8.1.1. Konfiguracja bramek płatności 8.1.2. Historia transakcji 8.2. Integracja z kalendarzami 8.2.1. Połączenie z Google Calendar 8.2.2. Połączenie z Outlook 8.3. Integracja z komunikatorami 8.3.1. WhatsApp 8.3.2. Messenger 8.3.3. SMS 8.3.4. E-mail 8.4. Integracja z narzędziami do analityki 8.4.1. Google Analytics 8.4.2. Hotjar 8.5. Integracja z narzędziami do e-mail marketingu 8.5.1. Mailchimp 8.5.2. Freshmail 8.6. Integracja z narzędziami do importu/eksportu danych 8.6.1. Import z Excela/CSV 8.6.2. Eksport do Excela/CSV 8.6.3. API 8.7. Integracja z narzędziami do podpisu elektronicznego 8.7.1. Autenti 8.7.2. DocuSign 8.8. Integracja z narzędziami do zarządzania dokumentami 8.8.1. Google Drive 8.8.2. Dropbox 8.9 Integracja z narzędziami do tworzenia kampani reklamowych??? 8.9.1. Google Ads ??? 8.9.2. Meta Ads ??? zaimplementuj wszystkie funkcjonalnosci zgodnie z opisem - Initial Deployment
2e6ffdb
verified