Wymagana jest разработка дизайну interfejsu dla systemu zarządzania sprzedażą (CRM)
Na początek narysuj szkic stron, aby zrozumieć pomysł i koncepcję, aby nie tracić twojego czasu, jeśli ogólnie realizacja nie przejdzie pierwszego etapu selekcji.
Zadania:
- Wdrożyć UI kit na podstawie Bootstrap 5 ze wszystkimi elementami. Przykład użycia UI-kita: tabler.io
- Wdrożyć ciemny i jasny motyw
- Wdrożyć wersję desktopową i mobilną
- Narysować 3 strony (wersja desktopowa, po zatwierdzeniu - wersje mobilne) według podanego wireframe
Wymagania:
- Główne kolory powinny być 3: podstawowy, wtórny, odcień (Primary, Secondary, Accent). Kolory używać z logo ADSI
- Dodatkowe kolory: Success, Warning, Danger, Info, Light, Dark
Dodatkowe informacje:
- System będzie dostosowywany przez klientów do ich logo i głównych kolorów marki.
- Projekt 3 stron powinien mieć wersję desktopową i mobilną. Wersję mobilną robimy po zatwierdzeniu pracy.
- Czcionka używana z ADSI lub wybrać własną opcję.
- Zestaw ikon można używać zarówno gotowy, jak i zrealizować własną wersję.
- W wireframe wskazane są obowiązkowe pozycje bloków, ich nie zaleca się zmieniać, ale drobne elementy (ikony, ulubione itp.) możesz zmieniać.
- Tekst, gdzie nie wskazano - używać zastępczych.
Źródła:
Logo ADSI: https://far-amaranthus-587.notion.site/1878e9177e584dbaa616037636b96887?pvs=4
Wireframe: https://far-amaranthus-587.notion.site/Wireframe-0bd541da8f634c7287abb564d78d3898?pvs=4
Bootstrap5 Figma: https://www.figma.com/file/Fd9byCwHcKBhHTMY37WX8W/Bootstrap-5-UI-Kit-(Community)?type=design&node-id=139-170&mode=design&t=V5V9TO3tRW5qGUAW-0
Przykład UI-kita: https://preview.tabler.io/
