BRANDING | WEB REDESIGN | ILUSTRACJA | IKONY
Nowa identyfikacja wizualna zwiększająca przejrzystość i użyteczność serwisu lidera rynku wymiany walut
O projekcie
Jubileusz to doskonała okazja, aby zastanowić się nad dotychczasową komunikacją marki, wprowadzić ewentualne zmiany i zaprezentować nowy, odświeżony wygląd. Na metamorfozę, właśnie z okazji urodzin, zdecydował się InternetowyKantor.pl, a ja miałam przyjemność opracować nowy system identyfikacji wizualnej.
Kampania urodzinowa podkreśliła nabywane przez lata doświadczenie oraz ciągły rozwój, zakomunikowała nową identyfikację marki i pierwszą od lat zmianę logo, pokazując InternetowyKantor.pl w odsłonie, która lepiej odzwierciedla charakter brandu. Nowe logo to symboliczny koniec pewnej epoki w działalności kantoru i początek nowej.
Zakres mojej pracy obejmował:
– przeprowadzenie warsztatu z pracownikami InternetowyKantor.pl,
– stworzenie nowego logo: dodanie rozpoznawalnego sygnetu i zmiana logotypu,
– projekt nowej strony internetowej oraz nadzór nad implementacją,
– przebudowę starych landing page’y oraz projekty nowych w odświeżonej szacie graficznej,
– opracowanie stylu ilustracji i zdjęć,
– stworzenie zestawu ikon,
– koordynację wdrażania zmian wizerunkowych.
Warsztat, które określiły kierunek zmian
Dlaczego się zmieniamy?
Serwis przeszedł przebudowę technologiczną, aby szybciej i sprawniej proponować klientom nowe funkcjonalności oraz lepszą jakość obsługi. Jednak identyfikacja marki nie odpowiadała temu, jak InternetowyKantor.pl chciał być odbierany przez użytkowników. To ważne, aby wygląd korespondował z nowymi funkcjonalnościami oraz dopełniał komunikację.
Zmiana identyfikacji wizualnej została połączona z okrągłymi urodzinami Serwisu. Odświeżenie wizerunku z okazji jubileuszu to praktyka stosowana z powodzeniem przez wiele firm z różnych branż – z okazji urodzin zmian dokonali: serwis Otomoto – 10 urodziny, eSky – 10 urodziny, Dekoral – 20 urodziny czy Wars – 60 urodziny. Każda z wymienionych marek chciała zakomunikować swój rozwój, a co za tym idzie – nowy wizerunek. Tak było i w przypadku kantoru. Refresh zakładał ujednolicenie i poprawę wyglądu Serwisu, wyeksponowanie jego zalet i wartości, zwiększenie rozpoznawalności oraz pobudzenie zainteresowania wśród nowych i obecnych klientów.
Warsztaty z pracownikami
Początek prac nad zmianami wizerunkowymi, zainaugurowały warsztaty z pracownikami najdłużej związanymi z marką InternetowyKantor.pl. W spotkaniu wzięło udział 14 osób, które opowiedziały o swoim dotychczasowym doświadczeniu, a także o przyszłości brandu i kierunku w jakim będzie zmierzał.
Podczas 2-godzinnego spotkania poprosiłam uczestników warsztatów o wykonanie zadań, które pomogły mi lepiej poznać Serwis i zobaczyć go oczami pracowników, a także określić problemy z jakimi się boryka. Głównym celem warsztatów było jednak określenie wartości marki InternetowyKantor.pl, które uczestnicy spotkania zdefiniowali jako tradycję, doświadczenie, solidność, bezpieczeństwo, wiarygodność, eksperckość.
Ponadto warsztat posłużył do określenia kierunku oraz zakresu prac wizerunkowych. Według pracowników zmiany powinny objąć przede wszystkim stronę internetową – to ona jako wizytówka marki powinna od początku zachęcać do korzystania z usług i jasno komunikować system wartości Serwisu. Ważne okazało się także określenie kształtu nazwy (Internetowykantor.pl czy InternetowyKantor.pl oraz co robimy ze skrótem IK?) i zaprojektowanie nowego logo z rozpoznawalnym symbolem. Nowa tożsamość marki powinna być nowoczesna, podkreślać prostotę użytkowania i przyjazność Serwisu.
Zebrane wartości oraz to, o czym rozmawiałam z uczestnikami podczas warsztatu, pomogły mi opracować nową linię graficzną dla Kantoru. Ostatnim etapem warsztatów była seria indywidualnych spotkań z każdym z warsztatowiczów, które pozwoliły mi zweryfikować czy przygotowana koncepcja jest spójna z wyobrażeniami pracowników o brandzie InternetowyKantor.pl.
Geneza nowego logo
Opracowanie nowych zasad identyfikacji poprzedziłam analizą przeprowadzonych warsztatów oraz aktualnej komunikacji wizualnej. Dotychczasowe logo identyfikowało Kantor od początku jego istnienia, czyli od 2010 roku. Serwis w tym czasie znacząco się rozwinął, ale wygląd nie nadążył za zmianami technologicznymi. Ponadto problemem był brak rozpoznawalnego symbolu i błędy w konstrukcji logotypu.
Sygnet
Do tej pory logo tworzył akronim, brakowało w nim jednak graficznego elementu wyróżniającego markę. Skrót IK był problematyczny, ponieważ mimo tego, że pojawiał się w logo i na miniaturce aplikacji mobilnej, nie był używany w komunikacji do klientów – nieoficjalnie posługiwali się nim tylko pracownicy firmy. Ponadto podczas warsztatów okazało się, że niektórzy go lubią – inni nie. Zapadła więc decyzja o zmianie „ik” na uniwersalny symbol.
Zastanawiałam się, czy można (i jeśli tak to w jaki sposób) przemycić stary symbol w nowym. Intrygowała mnie wisząca przy literze „k” strzałka. Co oznacza? Co można z nią zrobić? Połączyłam ze sobą te dwa elementy i przedstawiłam w innej formie. Nowy symbol jest prostszy, czytelniejszy, łatwiejszy w użyciu i nawiązuje do swojego poprzednika, stanowiąc jego unowocześnioną kontynuację. Ponadto ikona wskazuje na dziedzinę działalności – znak wymiany walut.
Logotyp
Zmianie uległ krój pisma stosowany w nazwie marki. Różnice są prawie niezauważalne, ale logotyp wymagał pracy i odświeżenia. Przy okazji zmiany fontu zasugerowałam uporządkowanie kwestii zapisu nazwy marki – z niekonsekwentnie pisanego internetowykantor.pl/Internetowykantor.pl na InternetowyKantor.pl. Dzięki nowemu zapisowi oba człony nazwy są bardziej wyeksponowane i czytelniejsze.
Kolorystyka i krój pisma
Do odświeżenia logotypu wybrałam Ubuntu – jest to dość popularny krój pisma, ale najbardziej zbliżony do używanego dotychczas w logo. Kolory marki to soczysta zieleń i stonowana szarość. Pozostałe kolory do odcienie szarości, używane głównie na stronie.
Nowe logo – efekt końcowy
To pierwsza zmiana identyfikacji wizualnej Internetowego Kantoru od początku istnienia Serwisu. Nowy symbol lepiej oddaje charakter marki finansowo-technologicznej. Zmiana logo to długoterminowa inwestycja – nowy znak będzie używany przez najbliższe kilka lat.
Strona internetowa
Kolejnym dużym etapem podczas pracy nad nową identyfikacją InternetowegoKantoru.pl, było odświeżenie strony internetowej. Zależało mi, aby była nowoczesna, przejrzysta i łatwa w nawigacji. Kierowałam się założeniem clean design. Podczas prac nad projektem współpracowałam z Działem Marketingu, UX Designerem oraz Biurem Obsługi Klienta – który to jest na pierwszej linii frontu w kontakcie z klientem Kantoru.
Prace nad stroną to przede wszystkim 2 obszary: opracowanie contentu i weryfikacja aktualnych treści na stronie oraz przygotowanie warstwy graficznej – ilustracji, ikon, wideo czy animacji. Wszystkie te elementy będą pracować na rozpoznawalność marki Internetowego Kantoru i powinny eksponować wartości marki i eksperckość Serwisu.
Home Page
Nowy układ strony głównej, ze zmienionym kalkulatorem, umożliwia wprowadzenie w przyszłości rotującego slidera z miejscem na zmieniające się banery, informujące o aktualnych promocjach lub nowych funkcjonalnościach. Zmieniłam także kolejność elementów na stronie: pod nowym kalkulatorem dodałam tabelę z aktualnymi kursami najpopularniejszych walut, przeniosłam wyżej infografikę z informacją jak działa Kantor, usunęłam testimoniale i dodałam bezpośrednie linki do najnowszych publikacji ekspertów InternetowyKantor.pl. Nowa strona jest dłuższa, ale przejrzystsza i czytelniejsza dzięki zmianie hierarchii informacji.
Zobacz stronę live tutaj.
Na warsztatach uczestnicy podkreślali, że w Internetowym Kantorze bardzo ważny jest aspekt ludzki. Użytkownicy Kantoru często nie zdają sobie sprawy, że ich transakcje nie odbywają się automatycznie – że za poprawnym działaniem Kantoru stoi sztab specjalistów dbających o bezpieczeństwo, płynność transakcji i szybką obsługę klienta. W związku z tym na stronie głównej pojawiają się sylwetki pracowników Serwisu, aby pokazać „ludzką twarz kantoru”.
Strony walutowe
Jedną z najważniejszych podstron jest oczywiście strona z kursami walut. Jest czytelna i prosta – nie ma ozdobników: po wejściu na stronę na samej górze wyświetlają się aktualne kursy 4 najpopularniejszych walut, czyli to, co interesuje użytkowników najbardziej. Poniżej znajduje się lista wszystkich innych walut oraz sekcja z najnowszymi komentarzami walutowymi ekspertów Kantoru i zapis na newsletter.
Zobacz stronę live tutaj.
O aplikacji mobilnej
W dzisiejszym świecie całe życie przenosimy do telefonu. Finanse nie są wyjątkiem. Nie mogło więc zabraknąć dedykowanej strony promującej aplikację mobilną Internetowego Kantoru, dzięki której wymiana walut, historia transakcji i wszystkie funkcjonalności desktopowego Panelu Klienta są zawsze pod ręką.
Zobacz stronę live tutaj.
Wykresy finansowe i infografiki
Jednym z problemów na stronie były sekcje z długimi, monolitycznymi tekstami trudnymi do przyswojenia. Zastosowałam różne rozwiązania graficzne, np. przedstawienie części informacji w bardziej przystępnej formie za pomocą ikon, infografik, wykresów czy animacji.
Mobile-friendly
Nowa strona InternetowyKantor.pl jest responsywna – dostępna w każdej chwili na dowolnym urządzeniu. Dzięki temu użytkownicy smartfonów mogą wykonywać operacje finansowe łatwo i szybko w swoim telefonie lub tablecie.
Podsumowanie prac na stronie
Przebudowanych zostało ok. 150 stron a ponad 1000 powstało na podstawie wcześniej zaprojektowanych szablonów. Strona jest teraz uporządkowana graficznie i tekstowo. Pojawiły się większe, przejrzyste sekcje. Wewnętrzne menu boczne zostało przebudowane, a nawigacja jest prostsza i intuicyjna.
Nowa strona InternetowyKantor.pl została wyróżniona w artykule opracowanym przez Google wraz z Interactive Advertising Bureau Europe (IAB Europe) i Mobile Marketing Association Europe (MMA Europe), jako przykład strony reprezentującej dobrej praktyki budowania szybkich, responsywnych i przyjaznych dla użytkownika stron internetowych.
Elementy identyfikacji wizualnej
Ikony
Zaprojektowałam dwa systemy ikon: jeden na stronę internetową, a drugi do Panelu Klienta.
Ikony ilustracyjne
Na potrzeby nowej strony powstało ponad 30 ikon, które przedstawiają procesy oraz obrazują trudniejsze pojęcia. Są także miłym dla oka przerywnikiem podczas czytania długich, finansowych treści.
Można je znaleźć przede wszystkim na stronie „Jak to działa” np. w zakładce „Dla Firm”, „Metody płatności” czy „Przelewy do odbiorców”.
Ikony statusów transakcji
Drugi zbiór ikon powstał na potrzeby w Panelu Klienta. Grafiki są proste, linearne, a zastosowana kolorystyka odpowiada komunikatom systemowym.
Ilustracje
Ilustracje engrave to uproszczone grafiki inspirowane rycinami pojawiającymi się na banknotach. Pomysł na wykorzystanie grafik w takim stylu został zaczerpnięty z symboliki samego banknotu, który od setek lat komunikuje tradycję i solidność – wartości spójne z InternetowymKantorem.pl. Takie rycinowe ilustracje pojawiają się na stronie wybiórczo, często delikatnie w tle, aby nie odciągać uwagi od specjalistycznych treści finansowych.
Grafiki pojawiające się na stronie internetowej, landing page’ach, w social media czy też w materiałach drukowanych są spójne – w jasnej kolorystyce i o tematyce finansowej. Zdjęcia są w typie flat lay lub kadrowane bez wizerunku osoby fotografowanej, natomiast banknoty pokazywane są w dużym powiększeniu – w zbliżeniu na ryciny, którymi inspirowane są ilustracje engrave.
Podsumowanie refreshu
InternetowyKantor.pl zyskał spójny i nowoczesny wizerunek – na stronie internetowej zapanował porządek a nowe logo jest prostsze i czytelniejsze. Zmianom wizerunkowym towarzyszy nowa strategia komunikacji opierająca się na budowaniu świadomości klientów w temacie bezpieczeństwa w Internecie, oszczędności oraz rozsądnych finansów.