Konkurs został przetłumaczony automatycznie. Zaloguj się lub zarejestruj się, żeby zobaczyć oryginał

WAŻNE: kluczowym wymaganiem dotyczącym projektu jest styl neomorfizmu (Neumorphism / Soft UI).

Interfejs musi odpowiadać dostarczonym przykładom: jasne tło, miękkie, trójwymiarowe karty, zaokrąglone elementy, delikatne cienie zewnętrzne i wewnętrzne, wizualnie podniesione przyciski oraz schludne akcenty kolorystyczne. Nie jest wymagany płaski Material Design ani standardowy korporacyjny dashboard.

Neomorfizm powinien być konsekwentnie stosowany we wszystkich sekcjach panelu klienta — w nawigacji, kartach, tabelach, formularzach, filtrach, przyciskach, oknach modalnych i wersji mobilnej. Jednocześnie projekt powinien pozostać kontrastowy, czytelny i wygodny dla użytkowników. Dostarczone zrzuty ekranu są obowiązkowym wizualnym punktem odniesienia dotyczącego stylu, objętości, cieni i ogólnego nastroju interfejsu.

Preferowane jest, aby uczestnik miał doświadczenie w pracy z neomorfizmem.

Użycie AI jest dozwolone jako narzędzie pomocnicze. Jednak ostateczny wynik musi być przekazany w edytowalnym formacie Figma lub w postaci pełnoprawnego prototypu HTML z plikami źródłowymi. Statyczne obrazy bez możliwości edytowania nie będą akceptowane.

Opisz projekt, dla którego potrzebny jest projekt interfejsu:

Potrzebny jest nowoczesny projekt UX/UI osobistego panelu klienta firmy ochroniarskiej — klientowskiej części systemu CRM. Jest to responsywny interfejs webowy, w którym klient widzi swoje obiekty ochrony, wnioski o podłączenie, umowy, stan finansowy, faktury, akty oraz historię operacji. Zadaniem jest uczynienie dużej ilości informacji zrozumiałą, wizualnie czystą i wygodną zarówno na komputerze, jak i na smartfonie.

Czy projekt jest związany z Twoją firmą:

Tak. To klientowska część własnego systemu CRM.


Rodzaj działalności firmy:

Świadczenie kompleksowych usług ochrony dla osób prywatnych i biznesu: monitoring i fizyczna ochrona, montaż i serwis systemów ochrony, bezpieczeństwo pożarowe, monitoring wideo oraz reakcja na alarmy.

Opis produktów/usług:

CRM łączy pracę z klientami, obiektami ochrony, umowami, wnioskami, finansami i dokumentami. Panel klienta daje zamawiającemu dostęp do związanych z nim informacji bez konieczności kontaktowania się z menedżerem.

Kanały dystrybucji i geografia sprzedaży:

Sprzedaż bezpośrednia przez menedżerów, stronę internetową, telefoniczne zapytania oraz kanały cyfrowe. Obsługa klienta odbywa się przez webowy panel, e-mail, SMS i Telegram.

Główny rynek — Ukraina.

Portret docelowej grupy odbiorców:

Osoby prywatne, przedsiębiorcy oraz osoby prawne korzystające z usług ochrony.

Istniejące lub prawdopodobne pozycjonowanie:

Panel klienta jest pozycjonowany jako jedyna cyfrowa przestrzeń, w której klient może przez całą dobę kontrolować stan swoich obiektów, umów, wniosków, naliczeń i dokumentów.

Kluczowa idea: „Wszystkie informacje o ochronie Twoich obiektów — w jednym panelu”.

Główne przewagi konkurencyjne firmy/produktu/usługi:

  • Wszystkie dane o kliencie, obiektach, umowach, wnioskach i finansach są zintegrowane w jednym systemie.
  • Wsparcie zarówno dla klientów prywatnych, jak i korporacyjnych z dużą ilością obiektów.
  • Szczegółowe rozliczenia finansowe według obiektów i umów.
  • Dostęp do faktur, aktów, umów i innych plików bez kontaktu z menedżerem.
  • Webowy panel klienta i interakcja przez Telegram.
  • Specjalizacja systemu w procesach firmy ochroniarskiej.
  • Możliwość dostosowania nazwy, logo i kolorów interfejsu dla różnych firm grupy.

Docelowa grupa odbiorców projektu – kto i w jakim celu będzie z niego korzystać:

Zewnętrzni klienci firmy ochroniarskiej.

Użytkownik wchodzi do panelu, aby:

  • szybko sprawdzić ogólny bilans i stan zadłużenia;
  • zobaczyć stan swoich obiektów;
  • sprawdzić status wniosku o podłączenie;
  • przejrzeć warunki i status umowy;
  • znaleźć potrzebną fakturę lub akt;
  • przejrzeć historię naliczeń i płatności;
  • pobrać umowę, fakturę, akt lub inny dokument;

Główne funkcje interfejsu:

Na głównym ekranie należy pokazać kluczowe informacje: liczba i statusy obiektów oraz wniosków, ogólny bilans, zadłużenie lub nadpłata, ostatnie faktury i akty, a także powiadomienia i dokumenty wymagające uwagi.

Informacje powinny być uporządkowane według priorytetów i nie przeciążać głównego ekranu. Każdy blok informacyjny powinien prowadzić do odpowiedniej sekcji z pełnymi danymi, wyszukiwaniem, filtrami, sortowaniem i szczegółowymi kartami.

Krótki scenariusz interakcji interfejsu z użytkownikiem:

  • Klient loguje się za pomocą potwierdzonego numeru telefonu lub e-maila.
  • Przechodzi na stronę główną i od razu widzi bilans, dług lub nadpłatę, liczbę aktywnych obiektów i ostatnie dokumenty.
  • W razie potrzeby przechodzi do konkretnej sekcji: „Obiekty”, „Wnioski”, „Umowy” lub „Finanse”.
  • Używa wyszukiwania, filtrów i sortowania, aby znaleźć potrzebny wpis.
  • Otwiera szczegółową kartę obiektu, wniosku lub umowy.
  • Przegląda powiązane dane i pobiera potrzebny dokument.
  • Na urządzeniu mobilnym otrzymuje tę samą funkcjonalność w formacie kompaktowych kart.

Czy należy używać wizualnych obrazów, postaci w projekcie interfejsu? Opisz jakie dokładnie.

nie

Język interfejsu:

Głównym językiem makiet jest ukraiński. Należy również przewidzieć możliwość przełączania interfejsu na język rosyjski i angielski. Komponenty muszą poprawnie działać z tekstami różnej długości.

Czy masz stronę internetową i identyfikację wizualną?

Główna strona jest w trakcie opracowywania, ale kierunek wizualny został już określony. Interfejs powinien być wykonany w nowoczesnym stylu neomorfizmu.

Czy interfejs powinien być w stylu firmowym?

Tak. Obowiązkowy styl wizualny — nowoczesny neomorfizm zgodnie z dostarczonymi przykładami.

Jakie kolory powinny być główne i dodatkowe w projekcie interfejsu:

Główny kolor — #27333F.

Akcentowy kolor — #EF7D00.

W CRM przewidziano możliwość brandingu interfejsu pod własne kolory różnych firm. Preferowane jest zbudowanie systemu projektowego w taki sposób, aby główne i akcentowe kolory można było zmieniać bez naruszania integralności projektu.
Załączniki4