Jak skutecznie przeprowadziliśmy redesign strony internetowej po rebrandingu marki Krakuski

Śledź nas w mediach społecznościowych:

Krakuski to marka, którą zna niemal każdy miłośnik słodkości w Polsce. Od lat jej ciastka obecne są na stołach kolejnych pokoleń, a charakterystyczne logo i tradycyjne receptury stały się jej znakiem rozpoznawczym.

 

W ostatnim czasie marka przeszła gruntowny rebranding – odświeżono identyfikację wizualną, wprowadzono nowe opakowania oraz zdefiniowano na nowo wartości, które Krakuski chcą przekazywać swoim odbiorcom. Dotychczasowa strona internetowa nie oddawała jednak ducha tych zmian i nie wspierała nowej narracji marki.

 

Firma Bahlsen, właściciel Krakusków, powierzyła nam zadanie stworzenia nowej strony internetowej, która będzie spójna z odświeżoną tożsamością marki. Naszym celem było zaprojektowanie serwisu, który nie tylko przyciągnie uwagę nowoczesnym designem, ale przede wszystkim podkreśli hasło przewodnie rebrandingu: „Krakuski. Tam, gdzie rodzina”. To wokół tej idei zbudowaliśmy całą koncepcję nowej strony.

Sprawdź online

Główne założenia i początek projektu

  • Realizacja projektu była ściśle powiązana z harmonogramem kampanii rebrandingowej, dlatego od samego początku kluczowe było sprawne zarządzanie czasem i priorytetami. Wiedzieliśmy, że najważniejszym elementem będzie przygotowanie projektu graficznego, który w pełni odda nową tożsamość marki Krakuski.
  • Pierwszym etapem naszych działań była szczegółowa analiza brand booka oraz wszystkich materiałów wizualnych opracowanych przez markę – w tym nowych projektów opakowań i komunikacji wizualnej.
  • Bazując na tych wytycznych, rozpoczęliśmy prace od stworzenia makiet funkcjonalnych, które stały się podstawą do dalszego projektowania graficznego. Od samego początku wiedzieliśmy, że kluczowym wyzwaniem będzie odpowiednie przełożenie nowej identyfikacji wizualnej na język strony internetowej – tak, by design serwisu w pełni odzwierciedlał zmiany wizerunkowe marki.
  • 87/100

    Prędkość strony według Google w wersji mobile

  • 98/100

    Prędkość strony według google w wersji desktop

  • 16

    Liczba produktów przedstawionych w serwisie

Co było kluczowe w trakcie prac?

  • Rozwiązania sprawdzone w branży FMCG

    Projektowanie strony dla marki z sektora FMCG wymagało uwzględnienia specyficznych potrzeb tej branży. Kluczowe było zapewnienie intuicyjnej nawigacji oraz łatwego dostępu do informacji o produktach, takich jak skład czy wartości odżywcze, co jest standardem oczekiwanym przez konsumentów tej kategorii. Tworząc makiety UX/UI kładliśmy nacisk na to, aby strona była łatwa w nawigacji.
  • Spójność z identyfikacją wizualną i brandingiem

    Zachowanie konsekwencji w komunikacji wizualnej to podstawa skutecznego brandingu w FMCG. Strona musiała być integralną częścią nowej strategii marki i wzmacniać jej odświeżony wizerunek. Szczególny nacisk położyliśmy na etap projektowania graficznego, dbając o zgodność z brand bookiem i nowymi materiałami komunikacyjnymi.
  • Przejrzysta prezentacja produktów

    Krakuski to szerokie portfolio produktów i submarek. Podzieliliśmy je na kategorie, a użytkownik może wygodnie filtrować swoje ulubione smaki.
  • Wykorzystanie materiałów wideo i animacji

    Atrakcyjność wizualna strony została wzmocniona przez zastosowanie efektów parallax, subtelnych animacji oraz materiałów wideo, w tym spotu reklamowego znanego z telewizji. Takie elementy zwiększają zaangażowanie użytkowników i budują rozpoznawalność marki.
  • Dostępność zgodna z WCAG

    Strona została zaprojektowana zgodnie z wytycznymi WCAG, aby była dostępna również dla osób z niepełnosprawnościami.
  • Integracja danych analitycznych

    Wdrożenie platformy Matomo umożliwiło zaawansowaną analizę ruchu na stronie i lepsze zrozumienie zachowań użytkowników, co jest kluczowe dla dalszego rozwoju serwisu i działań marketingowych.
  • Intuicyjny panel CMS (WordPress)

    Możliwość edycji strony przez panel WordPress. Poprzednia wersja stron, nie dawała możliwości edycji bez znajomości języków programowania. Było to uciążliwe np. w sytuacji, gdy pojawiał się nowy produkt, lub trzeba było wprowadzić inne zmiany w ofercie. Nowa wersja strony daje możliwość szybkiej aktualizacji strony przez panel CMS.

Rezultaty naszej współpracy z firmą Bahlsen

Projekt nowej strony internetowej dla marki Krakuski był odpowiedzią na dynamiczne zmiany wizerunkowe.

Dzięki ścisłej współpracy z klientem oraz konsekwentnej realizacji założeń rebrandingu, udało się stworzyć serwis, który nie tylko zachwyca nowoczesnym designem, ale przede wszystkim jest funkcjonalny i przyjazny dla użytkownika. Przemyślana architektura informacji, przejrzysta prezentacja produktów oraz wdrożenie nowoczesnych rozwiązań technologicznych sprawiły, że strona stała się ważnym narzędziem komunikacji marki z konsumentami i dopełnia wszystkie zmiany, jakie dotknęły markę.

 

Zadbaliśmy o spójność z identyfikacją wizualną, wysoką dostępność oraz możliwość łatwej edycji treści przez zespół klienta. Efekt końcowy to nie tylko estetyczny i funkcjonalny serwis, ale także platforma, która wspiera cele biznesowe marki i wzmacnia jej pozycję w świadomości konsumentów.

Zakres prac

  • Makiety UX/UI
  • Web design
  • Kodowanie strony www
  • Dostosowanie strony do standardów WCAG
  • Migracja treści
  • Animacje i efekty wizualne
  • Wsparcie techniczne po uruchomieniu serwisu

Sprawdź projekt przed i po pracach

Aby oddać ducha marki, przygotowaliśmy projekt graficzny każdej z typów podstron