--- title: "Itrons: pięć submarek z jednego heksagonu" description: "Itrons - jeden heksagon z trzech modułów i pięć submarek. Warsztaty, nazwy, identyfikacja wizualna, materiały i strona itrons.pl." url: https://fluostudio.pl/projekty/itrons/ --- ![Banery Itrons i Itrons HVAC Solutions na ogrodzeniu budowy przy chodniku.](https://fluostudio.pl/media/projekty/itrons/banery-ogrodzenie.webp) Banery na ogrodzeniu budowy - Invest - General - HVAC Solutions - Service - Design Itrons # Jeden heksagon, pięć marek Krakowska firma projektuje, wykonuje i serwisuje instalacje sanitarne, HVAC i elektryczne, a do tego prowadzi całe inwestycje. Uporządkowaliśmy tę ofertę w system submarek, zaprojektowaliśmy identyfikację i stronę, a potem dołożyliśmy do systemu piątą markę. Zobacz, jak działa znak Cel Rebranding i uporządkowanie komunikacji marki z szerokim wachlarzem usług. Identyfikacja miała dawać poczucie bezpieczeństwa i solidności, czyli terminowości i wysokiej jakości, a do tego empatii i profesjonalizmu. Rozwiązanie Wydzieliliśmy submarki, więc każda usługa ma jasny zakres i własną komunikację. Kolory i typografia marek współgrają, a części logotypu i gradient pracują w materiałach jako motyw. Efekt Nowoczesny, biznesowy i profesjonalny wizerunek, który wyróżnia się w branży instalacyjnej. Komunikacja submarek jest prosta i czytelna dla klienta. Warsztaty ## Zanim powstał znak, ustaliliśmy, czym marka ma być Na warsztatach z klientem opisaliśmy misję, wizję, odbiorcę i ton komunikacji. Itrons rozmawia z inwestorami z całej Polski: od mniejszych zleceń po coraz większe inwestycje. Ma mówić formalnie, konkretnie i merytorycznie, a wobec klienta być empatycznym nauczycielem, który chce zostać autorytetem w branży. Przed warsztatami przejrzeliśmy cztery firmy z konkurencji, po jednej z każdego obszaru oferty: generalne wykonawstwo instalacji, inwestorstwo zastępcze, serwis HVAC i projektowanie instalacji. ### Pięć wartości, które prowadziły projekt - **Profesjonalizm** Marka konkretna, jakościowa i merytoryczna. - **Bezpieczeństwo** Pewność współpracy: terminowość, jakość i opieka na każdym etapie. - **Relacje** Długofalowa współpraca, niezależnie od wielkości zlecenia. - **Innowacja** Sprawdzone, nowoczesne rozwiązania projektowe. - **Etyka** Inwestycje prowadzone uczciwie i bezpiecznie dla pieniędzy klienta. ![Monter w kasku i odzieży roboczej z logo Itrons na rusztowaniu.](https://fluostudio.pl/media/projekty/itrons/kadr-monter.webp) Kask i odzież robocza Nazwy ## Cztery usługi, cztery submarki Jedna marka obejmowała wszystko: od projektu instalacji po serwis po latach. Zaproponowaliśmy rozdzielenie oferty na submarki z jasnym zakresem. W moodboardach pracowały nazwy robocze, a ostateczne ustaliliśmy z klientem chwilę później. Pokaż nazwy **Robocze** z moodboardów **Przyjęte** zaakceptowane przez klienta 1. Itrons Care Service Serwis gwarancyjny i pogwarancyjny instalacji sanitarnej i HVAC 2. Itrons Install HVAC Solutions Generalne wykonawstwo instalacji HVAC 3. Itrons Plan Design Projektowanie instalacji elektrycznej i HVAC 4. Itrons Invest Invest Kompleksowe przygotowanie i realizacja inwestycji ![Granatowa koszulka z pionowym logotypem Itrons i listą usług, w dłoni kubek z sygnetem.](https://fluostudio.pl/media/projekty/itrons/kadr-koszulka.webp) Koszulka i kubek Moodboardy ## Dwa kierunki, jeden wybór i jeden smaczek z drugiego - ### Etyczna marka budująca trwałe relacje - Nastawienie na inwestycje i biznes - Delikatne gradienty w tle zdjęć - Transparentność, czyli liczby na wierzchu - Typografia bezszeryfowa Wybrany kierunek - ### Solidna marka podkreślająca wysoką jakość - Projektowanie i inżynieria - Techniczny logotyp - Skupienie na typografii - Heksagon w kadrowaniu zdjęć i apli Z niego heksagon i ścięcia w literach Klient wybrał klimat pierwszego kierunku, ale chciał zachować detale drugiego: heksagon i ścięcia w typografii logo. Tak powstał znak, w którym geometria inżyniera spotyka się ze spokojnym, biznesowym tonem. System znaku ## Trzy moduły, które się obracają Sygnet Itrons to heksagon rozdzielony liniami biegnącymi od środka na trzy identyczne moduły. Każda submarka obraca te moduły po swojemu, więc ma własny znak, a wciąż widać, że to ta sama firma. Logotyp zostaje bez zmian, zmienia się tylko sygnet i dopisek z nazwą. W materiałach części sygnetu pracują jako element w tle i jako kształt kadrów, a bezszeryfowa typografia łączy się z gradientami. Wybierz markę Itrons Service HVAC Solutions Design Invest General Itrons Marka główna *heksagon* *trzy moduły* Znak główny: heksagon podzielony na trzy takie same moduły. Z nich powstają wszystkie submarki. Itrons Service Serwis gwarancyjny i pogwarancyjny *uścisk dłoni* *tarcza* Partnerskie relacje i gwarancja usług. Moduły układają się w kształt tarczy. Itrons HVAC Solutions Generalne wykonawstwo instalacji HVAC *przepływ* *instalacje* Skuteczność, czyli swobodny przepływ w działających instalacjach. Kształt nawiązuje do różnych instalacji. Itrons Design Projektowanie instalacji *detal* *litera D* Szczegółowe planowanie, dopracowanie detali i szukanie rozwiązań. Moduły tworzą literę D. Itrons Invest Przygotowanie i realizacja inwestycji *wiele stron* *krawędź budynku* Kompleksowa realizacja, czyli działanie z wielu stron naraz. Znak przypomina krawędź budynku. Itrons General Generalne wykonawstwo inwestycji *budowla* *postęp* Piąta marka, dołożona później. Te same moduły wyrażają wzrost i postęp całej budowy. ### Znak w ruchu Animacja identyfikacji: heksagony rozpadają się na moduły i składają w znaki kolejnych submarek. ### Pięć odcieni niebieskiego Od błękitu do granatu, z delikatnym gradientem w każdym sygnecie. Typografia: Switzer. - #9FBCD5 BłękitPantone 644 C - #65899E SzaroniebieskiPantone 7698 U - #3D779D NiebieskiPantone 7705 C - #0E394D Ciemny morskiPantone 3035 C - #0C2232 GranatPantone 539 C - #EEF0F3 Jasne tłoCMYK 8/4/4/0 Piąta marka ## System, który przyjął piątą markę bez przebudowy Z czasem Itrons rozszerzył ofertę o generalne wykonawstwo inwestycji. Nowa usługa dostała własną markę: Itrons General. Nie trzeba było wymyślać niczego od nowa. Dobraliśmy obrót modułów i znaczenie znaku, dopisaliśmy submarkę do księgi znaku, a na stronie dodaliśmy podstronę General, przebudowaliśmy slider i ułożyliśmy menu w nowej kolejności, tej samej w nagłówku i na stronie głównej. Menu przed zmianą 1. Service 2. Design 3. HVAC Solutions 4. Invest Menu teraz 1. Invest 2. General 3. HVAC Solutions 4. Service 5. Design ![Biały samochód dostawczy z logo Itrons i listą submarek na boku, obok monter z wózkiem paletowym.](https://fluostudio.pl/media/projekty/itrons/kadr-auto.webp) Oklejenie auta serwisowego Materiały ## Marka na budowie, w aucie i w teczce Itrons pracuje głównie w terenie, więc identyfikacja musiała działać na koszulce, ogrodzeniu i drzwiach auta tak samo jak na papierze. Pakiet objął m.in. wizytówki, papier firmowy, protokół serwisowy, posty do social mediów, banery, koszulki i teczkę, czyli wszystko, czym marka i submarki stykają się z klientami. Przygotowaliśmy pliki do produkcji i skróconą księgę znakowania dla wykonawców. - ![Granatowe teczki Itrons z modułem sygnetu na okładce, na jasnym stole.](https://fluostudio.pl/media/projekty/itrons/teczka.webp) Teczka - ![Białe i granatowe wizytówki Itrons.](https://fluostudio.pl/media/projekty/itrons/wizytowki.webp) Wizytówki - ![Wydrukowany protokół serwisowy Itrons na szybie.](https://fluostudio.pl/media/projekty/itrons/protokol-serwisowy.webp) Protokół serwisowy - ![Tablica „Realizujemy tę inwestycję” na elewacji budynku.](https://fluostudio.pl/media/projekty/itrons/tablica-elewacja.webp) Tablica na inwestycji - ![Telefon z listą usług Itrons na ciemnym drewnianym blacie.](https://fluostudio.pl/media/projekty/itrons/strona-telefon-ciemny.webp) Lista usług na telefonie ![Rozkładówki księgi znaku Itrons: logo, submarki, typografia, ikony i kolory.](https://fluostudio.pl/media/projekty/itrons/ksiega-znaku.webp) Księga znaku ![Dłonie trzymające telefon z postem rekrutacyjnym Itrons „Poszukujemy do zespołu”.](https://fluostudio.pl/media/projekty/itrons/kadr-telefon.webp) Post rekrutacyjny w social mediach Strona itrons.pl ## Każda submarka ma swoje miejsce Strona otwiera się listą marek: wybierasz usługę i od razu trafiasz do jej podstrony. Strona miała pokazać nie tylko firmę, ale też nowe submarki i ich specjalizacje. Do tego realizacje, blog z aktualnościami i zakładka kariera, przez którą firma rekrutuje. Osobno dopracowaliśmy wersję na telefon, a stronę zakodowaliśmy na WordPressie i uzupełniliśmy treściami. - 5 podstron submarek - Realizacje i aktualności - Rekrutacja przez stronę - Dopracowana wersja na telefon - WordPress z panelem do edycji [itrons.pl](https://itrons.pl/) Pokaż ekran Strona główna Podstrona General Telefon ![Cała strona główna itrons.pl: lista marek, liczby, usługi, partnerzy, realizacje, opinie i aktualności.](https://fluostudio.pl/media/projekty/itrons/www-strona-glowna.webp) ![Podstrona Itrons General na itrons.pl.](https://fluostudio.pl/media/projekty/itrons/www-general.webp) ![Strona główna itrons.pl na telefonie.](https://fluostudio.pl/media/projekty/itrons/www-telefon.webp) Zrzuty żywej strony itrons.pl. Animacja projektu strony ![Telefon z listą submarek Itrons Service i HVAC Solutions.](https://fluostudio.pl/media/projekty/itrons/strona-telefon-submarki.webp) ![Laptop z sekcją usług na stronie Itrons.](https://fluostudio.pl/media/projekty/itrons/strona-laptop.webp) Skala ## Od warsztatów do piątej marki 1. 6 znaków w jednym systemie: marka główna i pięć submarek 2. 5 wartości marki ustalonych na warsztatach strategicznych 3. 4 nazwy submarek, od roboczych do przyjętych przez klienta 4. 2 księgi: pełna księga znaku i skrócona księga znakowania dla wykonawców 5. 13 rodzajów materiałów, od wizytówek i protokołu serwisowego po oklejenie auta i banery na budowę 6. 5 podstron submarek na itrons.pl, zaprojektowanych i zakodowanych na WordPressie 7. 2 animacje: znaku i projektu strony 8. 1 strona, którą dalej się opiekujemy: aktualizacje i kopie zapasowe ## Marka, która rośnie razem z firmą Itrons dostał jasny podział usług, nowoczesny i spokojny wizerunek, który wyróżnia się w branży instalacyjnej, oraz system gotowy na kolejne marki. Dowód przyszedł później: piąta submarka zmieściła się w nim bez przebudowy. Klient Itrons Zakres Warsztaty strategiczne · Branding · Logo · Materiały firmowe · Social media · Animacje · UI/UX Design · Strona www · Kodowanie · Uzupełnianie treści Technologie WordPress · PHP · JavaScript Online [itrons.pl](https://itrons.pl/) ## Zobacz inne projekty Widok Duże kadry Siatka - [irtech Dwa warsztaty, znak z plusem z liter r i t, ponad 20 szablonów i jeden styl zdjęć produktów dla dystrybutora sprzętu pomiarowego.](https://fluostudio.pl/projekty/irtech/) - [Porta Drzwi Design system dla istniejącego znaku: rama z logo, siatki, ikony, rysunki, katalog, porta.com.pl, social media i materiały dla sprzedaży producenta drzwi.](https://fluostudio.pl/projekty/porta-drzwi/) - [Itodi Nowa marka mebli na wymiar od zera: nazwa, logo z wydłużonym „o”, projekt sklepu z konfiguratorem, instrukcja i opakowanie.](https://fluostudio.pl/projekty/itodi/) - [Porta PRO Projekt UI/UX i wdrożenie Strefy Architekta Porta: drzwi po parametrach, pliki BIM, baza wiedzy jak poradnik i przeniesione treści.](https://fluostudio.pl/projekty/porta-pro/) - [Mily Group Rebranding dostawcy poroża jelenia: strategia komunikacji, znak, księga znaku, strona milygroup.com i materiały na targi.](https://fluostudio.pl/projekty/mily-group/) - [Grupa Dawtona Cała komunikacja Dawtony poza półką: ponad 90 projektów, od postów i stoisk targowych po cztery serwisy i animacje.](https://fluostudio.pl/projekty/dawtona/) - [Overmax Projekt UX/UI sklepu Overmax: auta RC w filmowych ujęciach, dopracowana karta produktu, menu kategorii i test, który dobiera model.](https://fluostudio.pl/projekty/overmax/) - [Design Optyk Rodzinna sieć salonów optycznych premium: identyfikacja bez złota, materiały do salonów i nowy sklep połączony z magazynami sześciu z siedmiu salonów.](https://fluostudio.pl/projekty/designoptyk/) - [Fundacja MultiSport Identyfikacja z design systemem w Figmie, strona zgodna z WCAG i duet brand hero, który zachęca do ruchu.](https://fluostudio.pl/projekty/fundacja-multisport/) - [PetCuisine Zbudowaliśmy od zera markę producenta karmy z Grupy Dawtona: od nazwy i hasła, przez opakowania w 12 smakach i stronę, po stoiska na targach w Europie.](https://fluostudio.pl/projekty/petcuisine/) - [Zippy Tail Zbudowaliśmy markę Zippy Tail od zera: nazwę, strategię, etykiety ośmiu suplementów dla psów i kotów, paczkę i projekt sklepu.](https://fluostudio.pl/projekty/zippy-tail/) - [Intima Clinic Sześć marek medycznych w jednej grupie. Warsztaty, nazwy, identyfikacja, oznakowanie placówki, druki, animacje i strona intimaclinic.pl.](https://fluostudio.pl/projekty/intima-clinic/) ## Stoicie przed podobnym wyzwaniem? Opowiedzcie nam, co chcecie zmienić. Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań. Porozmawiajmy [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)