Realizacja · Programowanie · 2026

Balansik: dwie witryny PL i DE z wynikiem 92 do 95/100 na mobile

Zaprojektowaliśmy i zbudowaliśmy stronę marki napojów funkcjonalnych w dwóch wersjach językowych. Marka dostała własny system komponentów, mapę punktów sprzedaży i animacje bez kosztu wydajności.

Klient: Balansik, napoje funkcjonalne z adaptogenami
Strona: balansik.pl
Zakres: Projekt, WordPress, PL + DE, mapa sprzedaży

Wydajność mobile (balansik.de)

95/100
Wydajność mobile (balansik.pl)

92/100
Total Blocking Time

0 ms
Dostępność (Lighthouse)

96/100

PageSpeed Insights (Lighthouse), pomiar 18.07.2026, obie witryny.

Strona główna balansik.pl na laptopie – hero Trzymaj Balansik — Strona główna balansik.pl na laptopie z sekcją Trzymaj Balansik Mockup powstał z pomocą AI. Pokazana strona jest prawdziwa.

Wyzwanie: marka lifestyle i szybkie dwie witryny

Balansik to polska marka napojów funkcjonalnych z adaptogenami, czyli smart drink z własnym tonem komunikacji. Marka sprzedaje w Polsce i rozwija dystrybucję w Niemczech, dlatego od początku projektowaliśmy system dla dwóch witryn: balansik.pl i balansik.de.

Strona miała przenieść lifestyleowy charakter marki do internetu. Musiała wyglądać odważnie, płynnie animować sekcje i szybko ładować się na telefonie, bo tam trafia większość odbiorców.

Drugi rynek oznaczał też osobną komunikację dla niemieckich klientów. Witryna niemiecka miała korzystać z tych samych komponentów i tego samego standardu jakości, bez podwajania kosztów utrzymania.

Dwie domeny i dwa języki: treści dla Polski i Niemiec musiały żyć osobno, na tych samych komponentach.
Pierwsze wrażenie marki. Odważny design i animacje nie mogły spowolnić strony na telefonie.
Pytanie o dostępność produktu. Odpowiedź musiała być na stronie, najlepiej na mapie.
Aktualizacja punktów sprzedaży bez pomocy studia, prosto z panelu.

Rozwiązanie: komponenty, mapa i animacje bez kosztu wydajności

Zbudowaliśmy autorski motyw WordPress oparty na komponentach Twig + Vite. Ten sam system obsługuje obie witryny, a klient może rozwijać treści i punkty sprzedaży z panelu.

Autorski motyw komponentowy, w którym każda sekcja działa jako element wielokrotnego użytku. Nowa podstrona powstaje przez składanie gotowych bloków.
Dwa języki i dwie domeny, czyli balansik.pl oraz balansik.de jako osobne witryny na wspólnym standardzie. Treści są niezależne, a komponenty i jakość pozostają spójne.
Interaktywna mapa punktów sprzedaży, zbudowana na Leaflet. To rozwiązanie działa bez kluczy API i bez comiesięcznych opłat za mapy.
Panel do lokalizacji, dzięki któremu klient dodaje punkty sprzedaży samodzielnie. Obok mapy działa też sekcja sklepów online.
Animacje przewijania, przygotowane w GSAP i ScrollTrigger. Sekcje pojawiają się płynnie, a Total Blocking Time wynosi 0 ms na obu witrynach.
Pipeline obrazów, który generuje WebP i AVIF przy buildzie. Zespół klienta nie musi ręcznie kompresować grafik.
Dostępność w komponentach, czyli semantyczna struktura, kontrast i obsługa klawiatury. Lighthouse ocenia obie witryny na 96/100.