Cyfrowy brandbook
Jedno miejsce z zasadami marki, z którego korzysta 80-100 osób w firmie.
Branża:
E-learning B2B
Zakres:
Wytyczne marki, Treści i struktura, Webflow
Masterplan.com to niemiecka platforma e-learningowa dla firm. Markę tworzy tam wiele osób, nie tylko projektanci. W 2022 roku zaprojektowałam i napisałam jej cyfrowy brandbook, wewnętrzny przewodnik online, i od tamtej pory go rozwijam.
Cyfrowy brandbook
Jedno miejsce z zasadami marki, z którego korzysta 80-100 osób w firmie.
Branża:
E-learning B2B
Zakres:
Wytyczne marki, Treści i struktura, Webflow
Masterplan.com to niemiecka platforma e-learningowa dla firm. Markę tworzy tam wiele osób, nie tylko projektanci. W 2022 roku zaprojektowałam i napisałam jej cyfrowy brandbook, wewnętrzny przewodnik online, i od tamtej pory go rozwijam.
Cyfrowy brandbook
Jedno miejsce z zasadami marki, z którego korzysta 80-100 osób w firmie.
Branża:
E-learning B2B
Zakres:
Wytyczne marki, Treści i struktura, Webflow
Masterplan.com to niemiecka platforma e-learningowa dla firm. Markę tworzy tam wiele osób, nie tylko projektanci. W 2022 roku zaprojektowałam i napisałam jej cyfrowy brandbook, wewnętrzny przewodnik online, i od tamtej pory go rozwijam.
Wyzwanie
Wcześniej nie było wspólnych zasad. Każdy robił markę trochę po swojemu, więc materiały z różnych zespołów wyglądały różnie. Potrzebne było jedno miejsce, w którym każdy szybko znajdzie właściwe logo, kolory i fonty i będzie wiedział, jak ich używać. Do tego takie, które nie zniechęca: przewodnik miał pomagać w tworzeniu, a nie tylko zakazywać.
Wyzwanie
Wcześniej nie było wspólnych zasad. Każdy robił markę trochę po swojemu, więc materiały z różnych zespołów wyglądały różnie. Potrzebne było jedno miejsce, w którym każdy szybko znajdzie właściwe logo, kolory i fonty i będzie wiedział, jak ich używać. Do tego takie, które nie zniechęca: przewodnik miał pomagać w tworzeniu, a nie tylko zakazywać.
2022 Frontify
2026 Webflow
2022 Frontify
2026 Webflow
2022 Frontify
2026 Webflow
Rozwiązanie
Ułożyłam brandbook w cztery proste sekcje: Intro, Logo, Kolory i Typografia, plus stronę z materiałami do pobrania. Zasady podzieliłam na dwie grupy. Obowiązkowe dotyczą logo, kolorów i fontów i obowiązują wszystkich bez wyjątków. Rekomendacje pomagają tworzyć materiały szybciej, ale w uzasadnionych przypadkach można od nich odejść. Każdą zasadę pokazałam na przykładzie. Przy logo opisałam, kiedy używać różowej wersji głównej, kiedy pionowej, jak logo zachowuje się na zdjęciach i tłach, ile miejsca zostawić wokół niego i jakich błędów unikać. Przy kolorach podałam kody HEX, RGB i CMYK, proporcje 76 / 20 / 4, w których róż jest tylko akcentem, oraz gotowe zestawienia kolorów. Przy typografii wyjaśniłam, który krój do czego służy, jak liczyć hierarchię od wielkości tekstu i czego używać tam, gdzie firmowych fontów nie da się wstawić, np. w mailingach i Google Slides. Pierwsza wersja działała na Frontify. W 2026 roku przeniosłam brandbook do Webflow i odświeżyłam typografię: Circular do nagłówków, Maison Neue do tekstu i Bright Clones do akcentów.
Rozwiązanie
Ułożyłam brandbook w cztery proste sekcje: Intro, Logo, Kolory i Typografia, plus stronę z materiałami do pobrania. Zasady podzieliłam na dwie grupy. Obowiązkowe dotyczą logo, kolorów i fontów i obowiązują wszystkich bez wyjątków. Rekomendacje pomagają tworzyć materiały szybciej, ale w uzasadnionych przypadkach można od nich odejść. Każdą zasadę pokazałam na przykładzie. Przy logo opisałam, kiedy używać różowej wersji głównej, kiedy pionowej, jak logo zachowuje się na zdjęciach i tłach, ile miejsca zostawić wokół niego i jakich błędów unikać. Przy kolorach podałam kody HEX, RGB i CMYK, proporcje 76 / 20 / 4, w których róż jest tylko akcentem, oraz gotowe zestawienia kolorów. Przy typografii wyjaśniłam, który krój do czego służy, jak liczyć hierarchię od wielkości tekstu i czego używać tam, gdzie firmowych fontów nie da się wstawić, np. w mailingach i Google Slides. Pierwsza wersja działała na Frontify. W 2026 roku przeniosłam brandbook do Webflow i odświeżyłam typografię: Circular do nagłówków, Maison Neue do tekstu i Bright Clones do akcentów.
Moja rola
Zaprojektowałam strukturę brandbooka i napisałam wszystkie treści. Ustaliłam podział na zasady obowiązkowe i rekomendacje. Przygotowałam wizualne przykłady do każdej zasady: wersje logo, proporcje kolorów, zestawienia kolorów, hierarchię typograficzną i najczęstsze błędy. Pokazałam zasady na prawdziwych materiałach marki: reklamach, publikacjach i grafikach do social mediów, żeby było widać, jak działają w praktyce. Zbudowałam pierwszą wersję na Frontify (2022), a potem przeniosłam brandbook do Webflow (2026) i odświeżyłam typografię. Przygotowałam stronę z materiałami do pobrania: logo, kolory, fonty i komplet w jednym pliku. Zaprojektowałam też firmowe masterslajdy, które razem z brandbookiem trzymają prezentacje w ryzach.
Moja rola
Zaprojektowałam strukturę brandbooka i napisałam wszystkie treści. Ustaliłam podział na zasady obowiązkowe i rekomendacje. Przygotowałam wizualne przykłady do każdej zasady: wersje logo, proporcje kolorów, zestawienia kolorów, hierarchię typograficzną i najczęstsze błędy. Pokazałam zasady na prawdziwych materiałach marki: reklamach, publikacjach i grafikach do social mediów, żeby było widać, jak działają w praktyce. Zbudowałam pierwszą wersję na Frontify (2022), a potem przeniosłam brandbook do Webflow (2026) i odświeżyłam typografię. Przygotowałam stronę z materiałami do pobrania: logo, kolory, fonty i komplet w jednym pliku. Zaprojektowałam też firmowe masterslajdy, które razem z brandbookiem trzymają prezentacje w ryzach.
Zasady marki na tyle jasne, żeby każdy mógł z nich korzystać.
Idea projektu
Zasady marki na tyle jasne, żeby każdy mógł z nich korzystać.
Idea projektu
Efekt
Z brandbooka korzysta 80-100 osób w firmie. Zamiast pytać projektantów o każdy plik, ludzie sami pobierają logo, kolory i fonty i sprawdzają, jak ich użyć. Razem z masterslajdami brandbook sprawił, że wewnętrzne materiały i prezentacje wyglądają spójnie.
Efekt
Z brandbooka korzysta 80-100 osób w firmie. Zamiast pytać projektantów o każdy plik, ludzie sami pobierają logo, kolory i fonty i sprawdzają, jak ich użyć. Razem z masterslajdami brandbook sprawił, że wewnętrzne materiały i prezentacje wyglądają spójnie.
