Tigers.pl — Twój przewodnik po cyfrowej dżungli. RRROAR!

Gdy dołączałem do projektu rebrandingu, wiedziałem, że czeka mnie świetna przygoda. Jako projektant strony chcę także wspomnieć o osobach, które uczestniczyły w tej niezwykłej zmianie wizerunku Tigers.

Tożsamość marki

Za branding odpowiada zespół Kommunikat — wyjątkowo kreatywni ludzie, którzy opracowali logotyp zawierający najważniejsze informacje o celach i tożsamości Tigers. Stworzyli również rozbudowany brand book, będący podstawą mojego projektu strony. Ekspansja na Wschód, inspiracja Azją, nawiązanie do nazwy i charakteru firmy — gratulacje za tak trafne przełożenie wszystkich tych cech!

Wdrożenie strony

Za development odpowiadało Wise People. Specjaliści i zespół otwarty na moje pomysły pozwolili stworzyć wyjątkową stronę dla Tigers. Indywidualne animacje, generator podstron, formularze w pięciu konfiguracjach i sklep WooCommerce są dziełem tego zespołu. Zaangażowanie, dokładność i umiejętność rozwiązywania problemów pomogły doprowadzić ten inspirujący projekt do końca.

Potrzeba

Nowa era Tigers i zmiana wizerunku firmy wymagały odwagi oraz równie dużej pracy. Chęć wejścia na rynek azjatycki wprowadziła silne inspiracje tą kulturą do całego brandingu. Wpłynęło to również na moją pracę i oczekiwania wobec nowej strony.

Oczekiwania

Tigers wiedziało, co chce osiągnąć:

• –oddać ducha marki,
• –pokazać strategiczny kierunek firmy przez nowy wizerunek,
• –stworzyć całkowicie nową identyfikację wizualną i stronę dopasowaną do rynku docelowego.

Zakres pracy:

• –UX na komputerach i urządzeniach mobilnych,
• –UI na komputerach i urządzeniach mobilnych.

Kolory:

Wcześniej opracowany brand book dał mi podstawy do stworzenia strony w ustalonej konwencji. Wiedziałem, w którym kierunku iść i jaki efekt osiągnąć. Wybrałem dominującą czerń, akcenty pięknego odcienia pomarańczy oraz kontrastującą biel.

Podobnie jak kolory, typografia i dobór kroju wynikają z brand booka. Object Sans to świetny wybór ze względu na geometryczny charakter. Taki krój sprawdza się w logotypach, plakatach, opakowaniach i na stronach internetowych — jest wszechstronny i dobrze działa także w małych tekstach.

Projekt jest bogaty w animacje, ale jednocześnie zadbałem o użyteczność, funkcjonalność i czytelność. Istotne były zaproponowana struktura strony i estetyka siatki.

Cała siatka ma szerokość 1920 px, a główna treść zajmuje 1360 px podzielonych na 12 kolumn.

Zacząłem od zebrania gotowych materiałów i poznania nowej strategii firmy. Moim zadaniem było przemyślenie, zaproponowanie i zaprojektowanie nowej strony oraz jej wersji mobilnej. Szukałem inspiracji w krajach azjatyckich, w których Tigers chciało rozwijać działalność i kontakty biznesowe. Ważną podstawą był brand book przygotowany podczas pierwszego etapu rebrandingu, określający nowy wizerunek marki.

Wiedziałem, że projekt ma być wyjątkowy, ale też autentyczny i wiarygodny. Starałem się sprostać zadaniu i… efekty możecie ocenić sami! ROOOAR!

Niewielkie elementy UI wpływają na odbiór całego projektu. Dlatego kluczowe są dokładność, dopracowanie i jednakowa dbałość o każdy detal. Choć cała strona jest ciemna, poszczególne elementy wykorzystują różne kolory z palety — białe karty i pomarańczowe akcenty.

Tigers to jedno stado, dlatego podstrona zespołu była dla mnie szczególnie ważna. Zadbałem o odpowiednią prezentację zdjęć wszystkich osób i przestrzeń dla treści. Fotografie w jednolitym stylu bardzo pomagają i są świetnym elementem projektu. Zespół podzielono na cztery grupy: social media, performance, business development oraz kategorię „Tigers”, obejmującą wszystkich.

Szukamy tygrysów

Przejrzystość rekrutacji chciałem pokazać również na podstronie poświęconej pozyskiwaniu nowych osób. Pomocne informacje i jasne zasady pozwalają zainteresowanym zrozumieć, co zrobić i jak przebiega rekrutacja. Dedykowana sekcja przedstawia zasady i kolejne etapy krok po kroku.

Ze względu na sprzedażowy charakter strony podstrona usług jest jednym z jej kluczowych elementów. Poświęciliśmy dużo czasu strukturze, treści i UX tej części. Zaproponowałem zwięzłą, ale bogatą w istotne informacje prezentację usług social media, performance i szkoleń. Jest tu również sekcja partnerów, którzy oddali swój biznes w drapieżne ręce Tigers.

Szczegóły usług

Podstrona wybranej usługi przedstawia czytelne informacje i jasne zasady: od wyjaśnienia oferty po schemat działania krok po kroku oraz osoby odpowiedzialne za dany obszar w zespole Tigers.

Aktualności

Ważną częścią strony jest wiedza tworzona przez społeczność zespołu Tigers i przekazywana odbiorcom. Tigers lubi działać, dlatego sekcja aktualności musi pomieścić wiele informacji. Jej dobre przygotowanie było szczególnie ważne ze względu na liczne, dynamicznie pojawiające się publikacje o działalności zespołu.

Szczegóły aktualności

Strona pojedynczego wpisu była wyzwaniem ze względu na rozbudowane treści. Uwzględniając elementy stałe i zmienne, opracowałem elastyczny szablon dla krótkich oraz obszernych publikacji.

Znaki Hanzi dopełniają azjatycki charakter strony. Pojawiają się w nagłówkach sekcji i zewnętrznych kolumnach tła. Te ostatnie pozostają tylko w wersji desktopowej — przy niższych rozdzielczościach zrezygnowałem z nich ze względu na ograniczoną przestrzeń.

Chcę pokazać proces projektowania neonu — jednego z głównych elementów całego projektu. Przygotowałem materiały umożliwiające szybkie przekształcenie dowolnych elementów w neonowe światło, wykorzystując obiekty złożone z trzech warstw.

Tigers oferuje także kursy cyfrowe, warsztaty i webinary. Poza odpowiednim zaprojektowaniem zakupów trzeba było zostawić przestrzeń na treści i materiały dodatkowe — zdjęcia oraz ilustracje. Całość połączyłem z procesem prowadzącym użytkownika krok po kroku do finalizacji w koszyku.

Ta część została starannie zaplanowana pod kątem UX. Była wymagająca, ale zależało mi również na tym, aby użytkownik odczuł pomysłowość całego projektu.

Szeroka oferta kursów wymagała struktury, która nie przytłacza, lecz zachęca do skorzystania z propozycji Tigers.

Wersje mobilne są równie ważne jak desktopowe. Jako projektant i miłośnik UX przywiązuję dużą wagę do tego, aby RWD nie było tylko dodatkiem — pomniejszoną stroną na komputer — lecz równorzędnym elementem całego produktu.

Tigers to więcej niż firma marketingu cyfrowego. Dzięki budowanej społeczności i wyrazistej tożsamości zespół konsekwentnie dociera do osób szukających przewodnika po cyfrowej dżungli.

Siła Tigers wynika z rzeczywistych, jasno określonych celów. Kultura dzielenia się wiedzą w połączeniu z zespołem specjalistów daje efekty obserwowane przez osoby związane z marketingiem cyfrowym.

Projektowanie nowego Tigers.pl było bardzo twórczą współpracą. Jej jakościowy efekt potwierdza osobista rekomendacja otrzymana od CEO Tigers, Franciszka Bazylego Georgiewa.

Najwyraźniejszy zaobserwowany rezultat ma charakter jakościowy: klient ocenił, że współpraca przeniosła obecność Tigers w internecie na nowy poziom. Publiczne dane o ruchu, leadach lub konwersji po przeprojektowaniu nie są dostępne, dlatego nie przypisuję projektowi niezweryfikowanego wzrostu liczbowego.