Ogólne wymagania
Format ekranu: Desktop, rozdzielczość płótna 1280×720 px (adaptacyjność w przyszłości).
Projekt — czysty, minimalistyczny, z akcentami na zielony i szare odcienie dla elementów pomocniczych.
Wszystkie pola powinny być logicznie pogrupowane, aby ułatwić percepcję i wprowadzanie danych.
Formularz powinien być wygodny do pracy z dużą ilością pól, maksymalnie tabelaryczny, bez przeciążenia kartami.
Przykład aktualnego formularza w aplikacji.
Pola bloku „Dane zamówienia”:
Data zamówienia (datepicker)
Status zamówienia (dropdown)
Kwota (pole numeryczne)
Waluta (dropdown)
Kupujący (input)
Adres e-mail (input)
Telefon (input)
Odpowiedzialny (dropdown)
Kod śledzenia (input)
Kurs do USD (pole numeryczne)
Kwota w USD (pole numeryczne)
Data statusu (datepicker)
Blok „Powiązane pliki”
Przycisk: + Dodaj powiązane pliki.
Lista załączonych plików (z ikonami: pobierz/usuń).
Pola bloku „Produkty” (Kompaktowy widok tabeli!):
№ (automatyczne numerowanie)
Produkt (dropdown)
Ilość (input number)
Jedn. miary (dropdown)
Cena (input number)
Waluta (dropdown)
Kwota (automatyczne obliczenie)
Koszt (auto z katalogu)
Kategoria (dropdown)
Artykuł (dropdown)
Typ operacji (dropdown)
Kierunek biznesu (dropdown)
Projekt (dropdown)
Podział (dropdown)
Data PNL (datepicker)
Sprzedawca (input)
Opis (input)
Funkcje tabeli:
Dodaj wiersz (+ Dodaj produkt).
Usuń produkt (🗑 ikona).
Blok „Podsumowanie zamówienia”
Umieścić pod tabelą, wyróżnić pogrubieniem.
Pola:
Łączna kwota (automatycznie)
Łączny koszt (automatycznie)
Marża = Kwota – Koszt (automatycznie)