Strona internetowa jest dziś zwykle najczęściej odwiedzanym punktem styku z marką. Trafia na nią kandydat do pracy, kontrahent po spotkaniu, dziennikarz i klient, który zobaczył reklamę. Jeżeli to, co widzi, nie zgadza się z tym, jak marka wygląda i mówi w pozostałych kanałach, spójność rozjeżdża się w miejscu o największym zasięgu.
Serwis zgodny z identyfikacją marki nie powstaje z dobrych chęci wykonawcy, tylko z zapisanych zasad. BrandLive odpowiada za tę właśnie warstwę. Przekładamy system identyfikacji wizualnej na wytyczne dla interfejsu, opisujemy zasady, których projekt ma się trzymać, i sprawdzamy zgodność gotowego serwisu z tymi zasadami. Punktem wyjścia jest strategia i pozycjonowanie marki, nie gust osoby projektującej ekran.
Nie jesteśmy software house’em i nie udajemy, że nim jesteśmy. Realizacja techniczna — kod, wdrożenie, utrzymanie — leży po stronie wykonawcy: Twojego dotychczasowego dostawcy, zespołu wewnętrznego albo wyspecjalizowanej spółki z grupy, do której należy BrandLive. Ten podział ról jest świadomy i opisujemy go niżej wprost, żeby nie było nieporozumień na etapie oferty.
Kiedy warto o tym rozmawiać
Nie każdy projekt strony wymaga osobnej pracy nad warstwą marki. Wymagają jej sytuacje, w których decyzje wizualne i językowe zaczynają zapadać poza dokumentacją marki, a strona staje się kanałem o największej liczbie odsłon.
- planujecie nowy serwis i chcecie, żeby wykonawca dostał wytyczne, a nie tylko plik ze znakiem
- marka przeszła rebranding, a strona została przy poprzednim wyglądzie
- serwisem opiekuje się kilka osób lub kilku dostawców i kolejne podstrony wyglądają inaczej
- rośnie liczba submarek i produktów, a nie ma zasady, jak pokazywać je w jednym serwisie
- reklama, materiały drukowane i strona mówią trzema różnymi językami
Za co odpowiadamy
Nasza część pracy kończy się dokumentem i decyzjami, nie repozytorium. Dostarczamy wykonawcy komplet ustaleń, na podstawie których można zaprojektować i zbudować serwis zgodny z marką, a potem sprawdzamy, czy tak się stało. W praktyce obejmuje to:
- przełożenie znaku, palety, typografii i systemu kompozycji na warunki ekranu — warianty znaku dla nagłówka i stopki, skalowanie, minimalne pola ochronne, zachowanie kolorów marki przy wymaganym kontraście tekstu
- zasady użycia krojów pisma w wersji ekranowej: hierarchia nagłówków, długość wiersza, zachowanie na małych szerokościach
- hierarchię treści wynikającą ze strategii marki — co ma być na stronie głównej, w jakiej kolejności i dlaczego
- adaptację key visualu i zasady doboru fotografii oraz grafik
- język interfejsu zgodny z tone of voice: nagłówki, opisy usług, treść przycisków, komunikaty formularzy
- rozdział brand booka poświęcony kanałom cyfrowym, jeśli dokumentacja marki go jeszcze nie zawiera
- nadzór nad zgodnością makiet i wersji testowej z ustaleniami — przegląd, uwagi, akceptacja
Czego u nas nie znajdziesz
BrandLive jest agencją brandingową. Nie piszemy kodu, nie wdrażamy systemów zarządzania treścią, nie utrzymujemy serwisów, nie prowadzimy kampanii reklamowych ani pozycjonowania w wyszukiwarkach. Nie pośredniczymy też w tych pracach i nie rozliczamy ich w naszej umowie.
Zadania wykraczające poza warstwę marki prowadzą wyspecjalizowane spółki z grupy, do której należy BrandLive, albo dostawca wskazany przez Ciebie. Umowa na te prace jest odrębna, a rozmowa o podziale ról odbywa się przed jej podpisaniem, nie w trakcie projektu.
Jeśli masz już własnego wykonawcę albo wewnętrzny zespół, nic nie stoi na przeszkodzie. Pracujemy wtedy po stronie wytycznych i odbioru, a technologia zostaje po Twojej stronie. Nie wymagamy zmiany dostawcy jako warunku współpracy.
Jak pracujemy
Przegląd obecnego serwisu
Zaczynamy od tego, co już jest. Sprawdzamy, w których miejscach strona rozjeżdża się z dokumentacją marki i gdzie użytkownik dostaje inny komunikat niż w pozostałych punktach styku. Jeżeli problem dotyczy szerszego obrazu marki, proponujemy audyt wizerunkowy, który obejmuje wszystkie kanały, nie tylko cyfrowe.
Wytyczne dla projektu
Powstaje dokument, który wykonawca dostaje razem z briefem: zasady użycia elementów identyfikacji na ekranie, hierarchia treści, wymagania wobec typografii i kolorystyki, wytyczne językowe. Opisujemy też, co jest niedopuszczalne — to zwykle oszczędza więcej czasu niż lista rekomendacji.
Współpraca z zespołem wykonawczym
Na etapie makiet i projektów graficznych jesteśmy dostępni dla pytań i rozstrzygamy wątpliwości interpretacyjne. Wykonawca nie powinien zgadywać, czy dany wariant mieści się w systemie. Decyzje zapadają szybciej, gdy ktoś odpowiada za spójność z ramienia marki, a nie z ramienia produkcji.
Odbiór i utrwalenie zasad
Przed uruchomieniem przechodzimy przez serwis i wskazujemy odstępstwa, które wykonawca ma poprawić. Ustalenia trafiają do dokumentacji marki, żeby przetrwały zmianę wykonawcy i rotację w zespole. Dalszą kontrolą zajmuje się zarządzanie marką — bez niego spójność zaczyna się rozchodzić z każdą kolejną zmianą na stronie.
Co otrzymujesz
- dokument z wytycznymi dla cyfrowej warstwy marki, gotowy do przekazania wykonawcy razem z briefem
- warianty znaku przygotowane pod ekran wraz z zasadami ich użycia
- specyfikację kolorów i krojów pisma w wersji ekranowej, z uwzględnieniem czytelności i kontrastu
- opis hierarchii treści na kluczowych podstronach wraz z uzasadnieniem strategicznym
- wytyczne językowe dla nagłówków, opisów usług i komunikatów systemowych
- listę uwag z przeglądu makiet i wersji testowej wraz z decyzjami, które zapadły
- rozdział do brand booka, który zostaje w dokumentacji marki po zakończeniu projektu
Realizacje
Działamy od 1982 roku i mamy za sobą ponad 400 projektów. Wytyczne dla stron opierają się na systemach identyfikacji, które projektowaliśmy dla organizacji o dużej liczbie punktów styku.
Dla PKN Orlen pracowaliśmy przy rebrandingu sieci stacji, gdzie ta sama identyfikacja musiała działać na obiekcie, w druku i na ekranie. Dla Totalizatora Sportowego system obejmował markę operatora i markę produktową. W projekcie dla TVP system musiał obsłużyć submarki, co jest najtrudniejszym przypadkiem także w serwisie internetowym. Pozostałe projekty zebrane są w dziale case studies.
Od czego zależy zakres i koszt
Od stanu dokumentacji marki, wielkości serwisu i liczby wariantów do opisania. Inaczej wygląda praca dla marki z aktualnym brand bookiem, a inaczej dla organizacji, która ma znak i nic poza nim.
Wpływ ma też liczba submarek, tryb współpracy z wykonawcą oraz to, czy nadzór ma objąć jeden serwis, czy grupę powiązanych stron. Zakres ustalamy po przeglądzie tego, co macie dziś, i przedstawiamy go przed rozpoczęciem pracy.
Najczęstsze pytania
Czy zaprojektujecie i uruchomicie stronę od zera?
Odpowiadamy za warstwę marki: wytyczne, zasady i nadzór nad spójnością. Projekt graficzny w ich ramach, kod i wdrożenie realizuje wykonawca — dostawca, z którym już współpracujesz, Twój zespół wewnętrzny albo spółka z grupy. Możemy pomóc ustawić ten podział przed startem.
Mamy stronę i nie planujemy jej przebudowy. Co wtedy?
Wtedy zakres ogranicza się do przeglądu i listy korekt, które wprowadza osoba lub firma opiekująca się serwisem. Część odstępstw da się usunąć bez zmiany układu — najczęściej dotyczą one kolorystyki, krojów pisma, wariantów znaku i języka komunikatów.
Nie mamy brand booka. Czy trzeba go zrobić najpierw?
Nie zawsze. Jeżeli marka ma spójny znak i ustaloną strategię, wytyczne dla serwisu można opisać osobno, a potem włączyć je do dokumentacji. Jeżeli brakuje jednego i drugiego, zaczynamy od strategii, bo bez niej wytyczne dla ekranu byłyby wyborem estetycznym, a nie decyzją.
Czy pracujecie razem z naszym działem marketingu?
Tak, i zwykle to najlepszy układ. Dział marketingu zna kontekst i pilnuje zasad po zakończeniu projektu, my dostarczamy zapisane reguły i rozstrzygamy sporne przypadki. Przy większych organizacjach warto powiązać to z programem wdrożenia brandingu.
Jeżeli Twoja strona wygląda jak marka innej firmy niż ta z materiałów drukowanych i reklam, problem jest do rozwiązania i zwykle nie wymaga budowy serwisu od nowa. Napisz, co macie dziś i kto się tym zajmuje — odpowiemy, jaki zakres ma sens i kogo warto zaprosić do rozmowy. Kontakt znajdziesz na stronie kontakt.
