Przejdź do treści

Technologia B2B

Novacura – rebranding i biblioteka komponentów UI

Odświeżenie marki szwedzkiej firmy technologicznej. Delikatna korekta logo, zupełnie nowa kolorystyka z niebieskim w roli głównej, keyvisual z linearną falą oraz biblioteka komponentów UI/UX, wdrażana w produktach Novacury do dziś.

Jerzy Koenigshaus

Rebranding Novacura – identyfikacja i komponenty UI

Kontekst

Marka od wizytówki po skaner magazynowy

Novacura to szwedzka firma technologiczna z Göteborga, obecna w 10 krajach i obsługująca ponad 220 klientów. Jej platforma low-code Novacura Flow rozszerza systemy ERP, takie jak IFS czy Infor M3, o aplikacje dla biura oraz hali magazynowej.

Marka miała rozpoznawalne logo i własną kolorystykę, ale brakowało jej spójnych zasad. Zakres prac objął więc delikatną korektę znaku, nową kolorystykę z keyvisualem oraz bibliotekę komponentów UI/UX, która przenosi identyfikację do interfejsów produktów.

Linearna fala: keyvisual marki Novacura

Identyfikacja

Niebieski jako nośnik marki

Fala powyżej to keyvisual marki: linearny zapis przepływów informacji, które Novacura Flow prowadzi między systemem ERP a aplikacjami. Rysunek dobrze znosi skalowanie, dlatego sprawdza się zarówno na okładce prezentacji, jak i w nagłówku aplikacji.

Nową kolorystykę oparliśmy na głębokim granacie oraz wyrazistym niebieskim, uzupełnionych skalą tintów. Logo poprawiliśmy ostrożnie: dopracowaliśmy formy i zachowaliśmy charakter, który klienci już znali. Dla produktu powstał osobny znak, zbudowany na tych samych zasadach.

Logo Novacura na granatowym tle
Logo firmy po delikatnej korekcie form.
Paleta kolorystyczna Novacura: granat, niebieski i skala tintów
Nowa paleta: granat i niebieski wraz ze skalą tintów.

Design system

Walka o każdy piksel na ekranie skanera

Aplikacje Novacury działają między innymi na przemysłowych skanerach Zebra, które mają małe, słabo doświetlone ekrany. Biblioteka komponentów UI/UX musiała pogodzić język marki z ograniczeniami tego sprzętu: przełączniki, tabele, paginacja czy zakładki mieszczą komplet informacji i pozostają czytelne w świetle hali magazynowej.

Kolejne wersje produktów Novacury korzystają z tej biblioteki do dziś.

Plansze design systemu Novacura: przełączniki, tabele, paginacja i filtry
Fragment biblioteki: przełączniki, tabele, paginacja oraz filtry.

Przed i po

Te same ekrany, nowy porządek

Poniżej trzy ekrany aplikacji: po lewej wersja wcześniejsza, po prawej zaprojektowana na nowych komponentach. Układy mają mniej ozdobników, czytelniejszą hierarchię treści oraz mocniejszy kontrast, a formularze prowadzą wzrok od nagłówka do przycisku.

Ekrany mobilne Novacura Flow przed redesignem i po nim
Ekrany aplikacji przed wdrożeniem biblioteki i po nim.
Ekrany aplikacji przed i po.
Ekrany aplikacji przed i po.
Ekrany aplikacji przed i po.
Ekrany aplikacji przed i po.

Rezultat

Identyfikacja spójna z produktem

Skalę zmian widać w produktach i platformach Novacury. Marketplace z aplikacjami wyglądał wcześniej jak przeciętny sklep; po redesignie sam stał się nośnikiem marki, kierowanym do konkretnego odbiorcy, czyli firm, które rozszerzają swoje systemy ERP o gotowe aplikacje.

Novacura ma dziś markę, która wygląda tak samo w prezentacji handlowej, na stronie oraz w aplikacji na hali magazynowej.

Novacura Marketplace: nowa koncepcja strony
Novacura Marketplace: nowa koncepcja strony

W liczbach

1+1
korekta logo firmy i nowy znak produktu
10
krajów, w których działa Novacura
220+
klientów Novacury na świecie
1
biblioteka UI wdrażana do dziś

Powiązane usługi

Powiązane projekty

Blog

Powiązane artykuły

Branding i typografia

Księga znaku – co to jest, co zawiera i ile kosztuje?

Księga znaku to instrukcja obsługi logo. Wersje znaku, pole ochronne, kolory, typografia, przykłady błędnych użyć. Wyjaśniamy, co powinna zawierać, czym różni się od brandbooka i ile kosztuje.

Masz pomysł? Porozmawiajmy.

Opowiedz nam o swoim pomyśle, a my doradzimy najlepszą drogę od koncepcji do działającego produktu.

Napisz do nas