Tworzenie logo i projektu strony internetowej firmy «Браво»
1. Cel projektu
Wstępna wersja http://bravosoft.org
Stworzyć nowoczesną, responsywną, dwujęzyczną stronę firmy «Браво» z wyraźną tożsamością wizualną, obejmującą logo, elementy projektu, makiety UI/UX oraz ikonografikę.
Cel — zwiększenie rozpoznawalności marki, ułatwienie komunikacji z klientami B2B, wsparcie cyfrowej prezentacji produktów firmy.
2. Docelowa grupa odbiorców
- Instytucje i przedsiębiorstwa poszukujące produktów programowych (lub tworzące nowy produkt) do automatyzacji działalności;
- Laboratoria państwowe i prywatne dowolnego kierunku działalności;
- Placówki szkolnictwa wyższego;
- Przedsiębiorstwa korzystające z produktów firmy «Браво» ;
- Specjaliści IT.
3. Struktura strony (sekcje)
- Aktualności.(lub «O nas piszą)» Wyświetlanie własnych aktualności oraz wiadomości z innych stron (z informacjami o wykorzystaniu produktów firmy «Браво». Na przykład: https://dpss.gov.ua/news/v-derzhprodspozhyvsluzhbi-rozpochalos-navchannia-stosovno-onovlennia-informatsiinoi-systemy-dlia-pidtrymky-fitosanitarnykh-inspektsiinykh-zakhodiv-ii-etap)
- Ogólne informacje o firmie
- Dlaczego warto współpracować z firmą БРАВО
- Nasze produkty
- Dokumenty (certyfikaty autorskie)
- Opinie / Podziękowania. (ZVO, LIMS)
- Historia rozwoju (kluczowe etapy)
- Kontakt z nami
4. Wersje językowe
Ukraiński (główny), Angielski (alternatywny)
5. Zadania projektanta
- Opracować logo (główne i uproszczone) z uwzględnieniem specyfiki firmy IT.
- Opracować pełny projekt UI/UX strony na podstawie zatwierdzonej struktury.
- Opracować ikony/bloki wizualne dla każdego produktu firmy.
- Przygotować responsywne makiety (dla komputerów, tabletów, urządzeń mobilnych).
6. Tworzenie logo
- Pełna grafika wektorowa (SVG, EPS, PDF, PNG)
- Warianty logo: poziome, pionowe, monochromatyczne, na jasnym/ciemnym tle
- Uwzględnienie wymagań cyfrowej adaptacji (favicon, ikona dla urządzeń mobilnych)
- Tworzenie mini-przewodnika po zastosowaniu (brandbook light)
7. Projekt strony
- Podstawowe strony do projektowania (zgodnie z sekcją 3. Struktura strony)
- System czcionek:
- Używać czcionek przyjaznych dla sieci, dobrze renderujących się we wszystkich przeglądarkach.
- Minimum 2 style: podstawowy (tekst główny) i nagłówkowy (headline).
- Zastosować jednolitą hierarchię rozmiarów czcionek (np.: H1 – 36 px, H2 – 28 px, tekst główny – 16 px).
- Zapewnić czytelność na wszystkich typach urządzeń.
- Paleta kolorów:
- Główne kolory mają kojarzyć się z technologią, zaufaniem i stabilnością (np.: odcienie niebieskiego, szarego, białego).
- Przewidzieć kolor akcentowy dla przycisków i wezwań do działania (CTA).
- Stworzyć paletę kolorów z:
- Podstawowe kolory (Primary)
- Dodatkowe kolory (Secondary)
- Tło / tekst / obramowania / komunikaty (info, ostrzeżenia, błąd)
- Interaktywność: efekty hover, przyciski responsywne, wyświetlanie formularzy
- Wszystkie przyciski, menu, linki powinny mieć efekty hover (zmiana koloru, cień, powiększenie).
- Przewidzieć responsywne zachowanie przycisków na urządzeniach mobilnych (większa strefa kliknięcia, animacja).
- Makiety: Figma
8. Komponenty projektu
- Header i footer (responsywne)
- Sidebar/menu (dla wersji mobilnej)
- Komponenty: przyciski, bloki CTA, zakładki, listy rozwijane
- Makiety formularzy: formularz kontaktowy, zapis na newsletter
- Blok aktualności z wyświetlaniem kart (zdjęcie, data, tytuł)
9. Ikonografia
- Ikony produktowe:
- Dla każdego produktu firmy („PHIS”, „LIMS”, „Vetkontrol”, „Personal-ZVO” itp.) należy stworzyć unikalną, ale stylistycznie spójną ikonę.
- Ikony mają odzwierciedlać funkcję lub branżowe przeznaczenie systemu.
- Każda ikona w 2 rozmiarach (dla sieci i interfejsu mobilnego).
- Stworzyć zestaw ikon systemowych/ogólnych
- Wymagania dotyczące stylu i formatów:
- Ujednolicony styl: wszystkie ikony powinny być wykonane w jednym stylu (outline, filled, two-tone itp. — określa się na etapie koncepcji).
- Formaty:
- SVG — główny format dla strony internetowej
- PNG 2x/3x — dla wersji mobilnej i fallback
- Ikony powinny być odpowiednie do użycia w ciemnym i jasnym motywie (na przezroczystym tle).
10. Wymagania UX/UI
- Responsywność (Mobile First - projekt powinien być tworzony najpierw z myślą o urządzeniach mobilnych, a następnie skalowany na tablety i komputery).
- Treść powinna optymalnie komponować się na różnych ekranach bez utraty funkcjonalności.
- Intuicyjna nawigacja (minimum poziomów menu)
- Fokus na szybkie przyswajanie: proste bloki, przestrzeń, kontrastowość
- Wsparcie wersji ukraińskiej i angielskiej
- Uwzględnienie zasad dostępności WCAG 2.1 (kontrast, skalowanie)
11. Format przekazania wyników
- Grafika logo — SVG, PNG, EPS, PDF + light brandbook
- Makiety strony — Figma (z publicznym dostępem do podglądu i pobrania)
- Ikony — oddzielne pliki SVG + paczka ikon ZIP
- Przewodnik stylu — czcionka, kolory, komponenty UI
Tworzenie logo i projektu strony internetowej «Браво-Лабораторія»
1. Cel projektu
Wstępna wersja http://bravosoft.org/_lab.htm
Stworzyć nowoczesną, responsywną, dwujęzyczną stronę systemu LIMS «Браво-Лабораторія» z wyraźną tożsamością wizualną, obejmującą logo, elementy projektu, makiety UI/UX oraz ikonografikę.
Cel — przedstawić LIMS jako skuteczne rozwiązanie dla laboratoriów, zapewnić SEO i przyciągnąć zgłoszenia od potencjalnych klientów poprzez stronę.
2. Docelowa grupa odbiorców
- Laboratoria państwowe i prywatne (weterynaryjne, fitosanitarne, metrologiczne, rolnicze itp.);
- Kierownicy laboratoriów, menedżerowie jakości;
- Specjaliści IT i audytorzy systemów informatycznych;
- Partnerzy zagraniczni i dystrybutorzy (anglojęzyczna grupa odbiorców).
3. Struktura strony (sekcje)
1. Strona główna
2. O systemie
3. Zalety
4. Moduły
5. Dla kogo jest odpowiedni
6. Jak działamy
7. Wyniki wdrożenia
8. Opinie / Podziękowania (lub sekcja „Nasi klienci” z logotypami/opiniami)
9. Historia rozwoju systemu
10. Publikacje w mediach, wzmianki w projektach UE (zamieścić dowody/linki).
11. Certyfikaty autorskie (zdjęcia)
12. Rejestracja na demo / konsultację
13. Kontakt (link do głównej strony firmy)
4. Wersje językowe
Ukraiński (główny), Angielski (alternatywny)
5. Zadania projektanta
- Opracować logo (główne i uproszczone) z uwzględnieniem specyfiki produktu IT.
- Opracować pełny projekt UI/UX strony na podstawie zatwierdzonej struktury.
- Opracować ikony/bloki wizualne dla każdego produktu firmy.
- Przygotować responsywne makiety (dla komputerów, tabletów, urządzeń mobilnych).
6. Tworzenie logo
- Pełna grafika wektorowa (SVG, EPS, PDF, PNG)
- Warianty logo: poziome, pionowe, monochromatyczne, na jasnym/ciemnym tle
- Uwzględnienie wymagań cyfrowej adaptacji (favicon, ikona dla urządzeń mobilnych)
- Tworzenie mini-przewodnika po zastosowaniu (brandbook light)
