BlueBee
Wyzwanie
BlueBee to agencja marketingu i brandingu B2B, która przez lata rosła głównie dzięki poleceniom i stałym klientom. Nowa strategia zakładała odświeżenie wizerunku i pozyskanie klientów spoza tej puli: firm, które wprowadzają ofertę na rynek albo wchodzą w nowy segment i potrzebują wsparcia w go-to-market.
Dotychczasowa marka tego nie wspierała. Logo powstało wiele lat temu i straciło aktualność. Strona była przeładowana treścią: na telefonie miała ok. 30 ekranów, a sama sekcja usług ponad 7000 px. Szczegóły oferty były rozproszone po osobnych podstronach, na które trafiało niewiele osób. Część z nich wyłączono, więc 16 linków „Więcej o…” kończyło się w formularzu kontaktowym. Gradient niebiesko-fuksjowy i ok. 1 MB stylów blokujących wyświetlanie strony nie pasowały do agencji, która ma mówić językiem konkretu.
Co zrobiliśmy
Zaczęliśmy od audytu UI/UX i design critique. Zmierzyliśmy każdą sekcję, uszeregowaliśmy problemy według priorytetu i zestawiliśmy je z pięcioma referencjami z rynku. Tak powstał moodboard i kierunek „inżynierska precyzja, ciepło rozmowy”.
Nowy znak to pszczoła narysowana jedną linią, która jest zarazem dymkiem rozmowy. Pokazuje partnera, który zaczyna od rozmowy, a nie od gotowego pakietu. Lżejszy, startupowy charakter i jeden niebieski #2257DF mają przemawiać do firm na etapie wejścia na rynek. Na znaku oparliśmy cały system: ciepła czerń z wordmarku, siatki z cienkich linii zamiast kart, krój Geist z mono do etykiet i jednym akcentem w Instrument Serif.
Treść strony głównej zostawiliśmy bez zmian, a przebudowaliśmy jej formę. Szesnaście kart usług zamieniliśmy w indeks w 4 grupach, a karuzelę w statyczną sekwencję. Proces prowadzi linia lotu pszczoły. Powstało 16 podstron usług i czytelny szablon dokumentów prawnych. Stronę zbudowaliśmy jako statyczny serwis w AI design workflow, od audytu po kod.
Efekt
BlueBee ma spójną markę, która wygląda jak partner strategiczny, a nie jak kolejna agencja z gradientem. Każdy z 16 linków „Więcej o…” prowadzi teraz do podstrony usługi, a do każdej usługi wystarczą dwa kliknięcia: z menu do indeksu i z indeksu na podstronę. Na telefonie strona skróciła się z ok. 30 do 20 ekranów, a sekcja usług z ponad 7000 do ok. 1300 px. Style blokujące wyświetlanie zeszły z ok. 1 MB do ok. 40 KB, więc pierwszy ekran ładuje się szybciej, szczególnie na telefonie.
