Branding

Projektujemy znak, system wizualny i księgę marki razem z warstwą, którą klasyczne identyfikacje pomijają - tokenami, stanami i parami kolorów sprawdzonymi pod kontrast. Kierunki oceniacie w awatarze, w nagłówku serwisu i na dokumencie firmowym, bo tam znak będzie żył naprawdę. Wdrożenie pierwszego nośnika bierzemy na siebie.

Pracowaliśmy dla najlepszych firm i startupów

Wyzwania

Kiedy marka wymaga nowego systemu wizualnego

Rebranding rzadko jest potrzebny dlatego, że logo się znudziło. Poniżej cztery sytuacje, w których jest realnie uzasadniony biznesowo.

  • „Zaprojektowana pod druk, używana w aplikacji”

    Kolor bez wystarczającego kontrastu, typografia nieczytelna w małych rozmiarach, znak nierozpoznawalny w kwadracie awatara. Klasyczna księga znaku nie odpowiada na pytania, które zadaje interfejs - rozszerzamy ją o brakującą warstwę.

  • „Marka mówi o poprzedniej wersji firmy”

    Zmiana profilu, wejście w nowy segment albo transformacja modelu sprzedaży. Znamy to z własnego podwórka - sami przeszliśmy drogę ze studia graficznego do agencji UX i wiemy, ile w tym jest komunikacji, a ile grafiki.

  • „Cztery wersje prezentacji, trzy odcienie firmowego koloru”

    Bez systemu i zasad marka rozjeżdża się sama, a każdy nowy materiał wymaga decyzji od nowa. Koszt jest głównie czasowy i rośnie z liczbą osób, które cokolwiek publikują.

  • „Kilka serwisów, żadnej widocznej wspólnoty”

    Spółki zależne, marki produktowe albo kilka serwisów jednej grupy. Potrzebna jest architektura marki, czyli decyzja, co jest wspólne, a co odrębne - i system, który to unosi.

Dla kogo

Dla kogo projektujemy marki

  • Spółki technologiczne i SaaS w fazie wzrostu

    Marka powstała w tydzień przy zakładaniu spółki, własnymi siłami, a dziś stoi w decku inwestorskim i na stoisku targowym. Produkt zdążył dojrzeć szybciej niż to, jak firma wygląda.

  • Software house'y sprzedające za granicę

    Na rynku lokalnym marka jest czytelna, bo klienci znają firmę z nazwiska. Na krótkiej liście obok dostawcy z Berlina czy Amsterdamu ta sama identyfikacja ustawia rozmowę o cenie, a nie o kompetencji.

  • Firmy z rozpoznawalnym znakiem sprzed lat

    Znak ma dwadzieścia lat, realną wartość w branży i komplet plików, których nikt już nie potrafi otworzyć. Zadaniem jest modernizacja, która zachowuje rozpoznawalność budowaną przez dwie dekady.

  • Firmy konkurujące o ludzi

    Kandydat ocenia markę wcześniej niż klient - w ogłoszeniu, na profilu i na stronie kariery. Te trzy miejsca zwykle powstały poza marketingiem i wyglądają jak inna firma.

Wydruki czterech układów interfejsu na stole: pulpit, ekran telefonu, formularz i tabela, jeden blok zakreślony markerem

Nasza różnica

Dlaczego firmy powierzają nam markę

  • Zaczynamy od audytu tego, co już macie

    Rozpoznawalność zbudowana latami jest aktywem, a nie punktem wyjścia do skasowania. Jeśli wystarczy rozszerzyć istniejący system o warstwę ekranową, mówimy to wprost i wyceniamy mniejszy zakres.

  • Zajętość znaku sprawdzamy przed prezentacją kierunków

    Zanim zobaczycie koncepcje, robimy wstępny przegląd rejestrów EUIPO i UPRP oraz znaków używanych w Waszej branży. Formalne badanie prowadzi rzecznik, ale kierunek, który odpada na starcie, odpada przed prezentacją dla Zarządu.

  • Pierwszy nośnik wdrażamy sami

    System sprawdza się na żywej stronie albo w interfejsie produktu, bo projektujemy i wdrażamy je w tym samym domu. Kłopoty ze skalą, kontrastem i stanami wychodzą w produkcji, nie na planszy w księdze.

  • Plik roboczy jest u Was od pierwszego dnia

    Warianty znaku, wersje kolorystyczne i próby typograficzne widzicie w trakcie pracy, a nie na prezentacji podsumowującej. Uwagi zbierają się po drodze, więc runda poprawek zamyka temat, zamiast otwierać go od nowa.

Proces

Jak to prowadzimy

  1. Tydzień 1–2

    Warsztat strategiczny

    Komu i co sprzedajecie, czym się różnicie i jak mówi konkurencja. Wychodzimy z platformą marki, na której opiera się każda późniejsza decyzja wizualna - łącznie z tym, czego świadomie nie robimy.

  2. Tydzień 2–4

    Koncepcje znaku

    Kilka kierunków pokazanych w realnych zastosowaniach, nie na białej planszy. Znak ocenia się w awatarze, w nagłówku serwisu i na dokumencie, bo tam będzie żył.

  3. Tydzień 3–6

    System wizualny

    Kolor z kontrastem sprawdzonym pod WCAG, skala typograficzna, siatka, ikonografia i zasady kompozycji. Sprawdzane od razu na interfejsie i na materiale marketingowym.

  4. Tydzień 5–8

    Księga marki i tokeny

    Zasady użycia w formie, z której korzysta zarówno grafik, jak i developer - księga plus tokeny w formacie gotowym do wpięcia w produkt cyfrowy.

  5. Tydzień 7–10

    Wdrożenie na nośnikach

    Materiały firmowe, szablony prezentacji, media społecznościowe i pierwsze zastosowania w serwisie. Wsparcie przy wdrożeniu przez zespół albo zewnętrznych dostawców.

Zakres

Co dostajecie na koniec

  • Platforma marki

    Pozycjonowanie, wyróżniki i sposób mówienia - podstawa decyzji wizualnych, bez której każda z nich jest kwestią gustu.

  • Znak w kompletach wariantów

    Wersje poziome, pionowe, sygnet, warianty monochromatyczne i minimalne rozmiary. Z zasadami użycia na tłach i w otoczeniu innych znaków.

  • System kolorów z kontrastem

    Paleta z parami sprawdzonymi pod kątem WCAG, żeby kolor marki dało się realnie zastosować w interfejsie, a nie tylko na okładce.

  • Typografia i siatka

    Skala typograficzna, warianty i zasady kompozycji - spójne dla druku i dla ekranu, z licencjami dobranymi pod planowane zastosowania.

  • Księga marki

    Zasady użycia z przykładami dobrego i złego zastosowania. Dokument dla wszystkich, którzy będą tworzyć materiały bez Waszego udziału.

  • Tokeny do wdrożenia cyfrowego

    Kolor, typografia i odstępy w formacie, który developer wpina do produktu. To jest ta warstwa, której klasyczne identyfikacje nie mają, a bez której marka w interfejsie i tak powstaje od nowa.

Warsztat

Co stosujemy

Identyfikacja rozjeżdża się dokładnie tam, gdzie kończą się liczby, a zaczyna oko. Poniżej progi, rejestry i formaty ustalone u nas z góry, niezależnie od tego, czyją markę akurat projektujemy.

Blat warsztatowy z góry: dwa wydruki układu interfejsu, lupa powiększająca jeden blok, stalowa linijka i wzornik szarości od bieli do czerni, jedna linia podkreślona pomarańczowym markerem
  • WCAG 2.2 AA - kontrast 4,5:1 dla tekstu, 3:1 dla elementów interfejsu
  • Design tokens w standardzie W3C, generowane przez Style Dictionary
  • Rejestry EUIPO, UPRP i WIPO Global Brand Database
  • Kolor opisany w HEX, RGB, CMYK i Pantone
  • Pole ochronne i minimalne rozmiary podane liczbowo
  • Czytelność znaku sprawdzana od 16 px i w kwadracie awatara
  • Licencje krojów dobierane pod desktop, web i aplikację
  • Figma z biblioteką opublikowaną w Waszej organizacji

Następny krok

Porozmawiajmy o Waszym projekcie

Powiedzcie, co macie do zrobienia. Wracamy z zakresem i wyceną.

Efekty

Czym możecie nas sprawdzić przed rozmową

  • 101

    opublikowanych projektów w portfolio - poziom naszej pracy oceniacie przed umową, a nie po niej

  • 22

    branże obecne w tym portfolio - łatwo sprawdzić, czy pracowaliśmy już w Waszej

  • 3 sub-marki

    tyle marek Grupy Bosfor ustawiliśmy pod jednym parasolem, w systemie spinającym cztery serwisy - to architektura marki, nie sam znak

  • 4,5:1

    minimalny kontrast tekstu wymagany przez WCAG na poziomie AA - pod ten próg sprawdzamy każdą parę kolorów, zanim trafi do księgi

Liczby 101 i 22 policzycie sami w publicznym portfolio na /projekty/. Architektura sub-marek pochodzi z case study Grupy Bosfor na /case-study/. Próg 4,5:1 to wymóg WCAG 2.2 dla tekstu podstawowego na poziomie AA, a nie nasza wewnętrzna miara. Efektów sprzedażowych rebrandingu nie publikujemy - pokazujemy je imiennie na konsultacji, część prac jest objęta NDA.

Opinie klientów

Co mówią nasi klienci

  • „Praca z zespołem Wzór była naprawdę świetnym doświadczeniem! Zawsze szybko odpowiadali na nasze pytania i elastycznie podchodzili do naszych uwag. Mają mnóstwo kreatywnych pomysłów, a jednocześnie są bardzo rzetelni i terminowi. Efekt końcowy w pełni spełnił nasze oczekiwania, zdecydowanie polecamy każdemu, kto szuka profesjonalistów z pasją.”
    Maja Wieloch-Silecka Dyrektor operacyjny, Bosfor Group
  • „Nasi Klienci oczekują od nas szybkiego, skutecznego działania w bardzo szerokim zakresie. Od stworzenia brandu, przez budowę strony internetowej wraz ze sklepem po przeprowadzenie skutecznej kampanii sprzedażowej. Temat niełatwy, ale do zrobienia jeśli ma się zgrany zespół i firmy, z którymi wyzwania bierze się z marszu. Dla nas jakość, odpowiedzialność i zaangażowanie są kluczowe, a współpraca z Agencją UX Wzór zapewnia nam to w 100%.”
    Piotr Alberski Chief Operating Officer, Agencja XO Media
  • „Współpraca z Agencją UX Wzór rozpoczęła się od naszej strony internetowej. Bardzo spodobał się nam sposób ich pracy. Dlatego podjęliśmy decyzję o podzlecaniu projektów realizowanych dla naszych Klientów w formie White Label. Bardzo spodobał nam się ich flow pracy, przekazywanie projektów naszemu zespołowi, ich dokumentacja czy praca na design systemie. Teraz możemy podejmować większe ryzyko.”
    Mateusz Swół Chief Operating Officer, Sellace

Czas i zakres

Ile to trwa i od czego zależy wycena

6–10 tygodni

Od warsztatu strategicznego do przekazania księgi i tokenów. Architektura grupy marek to osobny, dłuższy wątek - wyceniamy go po ustaleniu liczby marek i relacji między nimi.

  • Jedna marka czy architektura grupy

  • Zakres nośników do zaprojektowania

  • Czy w zakresie jest nazwa i ochrona znaku

  • Wersje językowe i rynki

  • Zakres badań - testy odbioru znaku, analiza konkurencji

  • Wsparcie przy wdrożeniu i szkolenie zespołu

Pytania

Pytania, które padają najczęściej

Ile kosztuje zaprojektowanie identyfikacji wizualnej?

Próg wejścia podajemy wprost, a kwotę końcową ustalamy dopiero po zakresie. Na wycenę wpływa liczba nośników do zaprojektowania, to czy projektujemy jedną markę czy architekturę grupy, zakres badań i to, czy w zakresie jest też nazwa. Konkretną kwotę wysyłamy w dwa dni robocze od zapytania.

Potrzebujemy tylko nowego logo. Da się zamówić sam znak?

Da się, ale mówimy wprost, że rzadko rozwiązuje to problem, z którym firmy przychodzą. Marka rozjeżdża się nie przez znak, tylko przez brak zasad - i wtedy nowe logo po pół roku funkcjonuje w czterech wersjach kolorystycznych obok siebie. Jeśli mimo to zależy Wam wyłącznie na znaku, wyceniamy to osobno i taniej.

Czym Wasz branding różni się od brandingu agencji reklamowej?

Tym, gdzie kończy się nasz zakres. Prowadzimy branding jako agencja UX, więc kolory sprawdzamy pod kątem kontrastu w interfejsie, typografię w małych rozmiarach na ekranie, a znak w kwadracie awatara. Oddajemy też tokeny, czyli warstwę, którą developer wpina do produktu - klasyczne księgi znaku jej nie mają.

Mamy księgę znaku sprzed lat. Trzeba ją wyrzucić?

Zwykle nie. Częściej brakuje w niej warstwy ekranowej - stanów interaktywnych, kontrastu, skali typograficznej, siatki. Wtedy rozszerzamy to, co macie, zamiast projektować od nowa: jest taniej, a marka zachowuje rozpoznawalność, na którą pracowaliście latami.

Czy w zakresie jest wymyślenie nazwy i zastrzeżenie znaku?

Nazwa może być w zakresie, ustalamy to na starcie, bo to osobny proces i osobna wycena. Zastrzeżenia znaku nie prowadzimy - nie jesteśmy kancelarią patentową. Współpracujemy z rzecznikami i możemy polecić kogoś, kto to poprowadzi.

Ile wersji znaku pokazujecie?

Kilka kierunków, ale zawsze w realnych zastosowaniach - w awatarze, w nagłówku serwisu, na dokumencie. Znak oceniany na białej planszy niemal zawsze wybiera się inaczej niż ten sam znak oceniany tam, gdzie będzie żył. To zmienia rozmowę i zwykle skraca liczbę rund.

Co, jeśli zarządowi nie spodoba się żaden kierunek?

Wracamy do platformy marki, bo to zwykle tam leży problem - jeśli nie ma zgody co do tego, czym firma się różni, każda propozycja wizualna będzie oceniana gustem. Rundy poprawek są w umowie i wiecie z góry, ile ich jest, więc nie ma niespodzianek po stronie budżetu.

Do kogo należą prawa do znaku?

Do Was. Majątkowe prawa autorskie przenosimy w umowie, wraz z plikami źródłowymi we wszystkich formatach produkcyjnych. Nie stosujemy licencji czasowych ani uzależnienia od dalszej współpracy z nami.

Robimy branding i stronę naraz. Da się to połączyć?

Tak i to jest naturalna kolejność - najpierw system wizualny, potem produkt cyfrowy, który z niego korzysta. Prowadzimy oba etapy, więc znak nie musi być tłumaczony między dwoma dostawcami. Jeśli strona jest priorytetem, zobaczcie projektowanie stron internetowych.

Umów bezpłatną konsultację z ekspertem, aby omówić Twój projekt i otrzymać odpowiedzi na nurtujące Cię pytania.

- Patryk Korycki, CEO

Zaplanuj spotkanie
Umów bezpłatną konsultację