O kliencie
BAGA to marka Agnieszki Bożejewicz (PPHU BAGA), która jako Manager Domu przejmuje organizację i koordynację spraw domu: prace i wykonawców, dokumentację nieruchomości, przygotowanie domu przed przyjazdem, zakupy i dostawy, pracę personelu domowego. Klientka ma ponad 20 lat doświadczenia w administracji i zarządzaniu, a dziś łączy je w jednej ofercie: organizacja domu, przestrzeni i życia wokół niego.
Oferta BAGA obejmuje pięć obszarów: Manager Domu, Silver Management (wsparcie dorosłych dzieci w sprawach starszych rodziców), Organizację przestrzeni, Przeprowadzki oraz Atelier BAGA - sklep z organizerami i akcesoriami z tkanin, szytymi w Polsce w krótkich seriach. Od stycznia 2026 roku projektujemy, budujemy i utrzymujemy stronę oraz sklep marki, a w sierpniu 2026 roku przebudowaliśmy serwis pod nową ofertę klientki.
Wyzwanie
Na starcie klientka opisała nam cel strony jednym zdaniem, do którego wracaliśmy przy każdej decyzji projektowej:
„Twoja strona ma sprawić, że łowca okazji nie napisze, ciekawski zamknie kartę, a właściwy klient pomyśli: «Ona jest dokładnie tym, czego potrzebuję»”
Strona miała więc przede wszystkim jasno pokazywać, czym zajmuje się BAGA i dla kogo jest ta usługa, tak żeby zapytania przychodziły od osób, które naprawdę jej potrzebują. Dlatego zrezygnowaliśmy z typowych chwytów sprzedażowych: bez sliderów, bez czatów, bez wyskakujących okien. Liczy się spokojny, czytelny przekaz i szybkie działanie na telefonie.
Drugim wyzwaniem był punkt wyjścia. Marka komunikowała się wcześniej przez sklep PrestaShop, w którym produkty przesłaniały usługi. Trzeba było zbudować stronę, na której usługi są na pierwszym planie, a sklep Atelier BAGA jest ich naturalnym uzupełnieniem, przenieść sklep na WooCommerce i zachować pozycje w Google. W sierpniu 2026 roku doszło trzecie zadanie: klientka przebudowała ofertę wokół Managera Domu i poprosiła o wdrożenie nowej struktury strony dokładnie według swojego dokumentu.
Stary sklep PrestaShop - produkty przesłaniają usługi
Brak osobnych stron dla usług
Komunikacja zorientowana na produkt
Treści zmieniane tylko przez programistę
Brak wersji angielskiej całej oferty
Nowa oferta klientki z sierpnia 2026 bez odzwierciedlenia na stronie
Strona usług: Manager Domu, Silver Management, Organizacja przestrzeni, Przeprowadzki
Atelier BAGA na WooCommerce jako część marki
Spokojny, minimalistyczny przekaz bez chwytów sprzedażowych
Samodzielna edycja treści przez klientkę
Pełna wersja PL i EN
Migracja z PrestaShop bez utraty adresów (przekierowania 301)
Filozofia projektu
Najlepiej oddaje ją zdanie klientki ze strony głównej: „Ty masz żyć w swoim domu. Ja zajmuję się tym, żeby wszystko wokół niego działało”. Strona ma działać tak samo - spokojnie i bez zbędnych elementów. Przełożyliśmy to na siedem zasad, którymi kierowaliśmy się przy każdej sekcji:
-
Cisza wizualna
Każdy element ma powód istnienia. Złamana biel, czerń i jeden złoty akcent zamiast ozdobników -
Usługi na pierwszym planie
Cztery usługi prowadzą przez stronę główną, Atelier BAGA uzupełnia je jako osobna zakładka -
Słowa klientki 1:1
Architekturę strony, nazwy usług i kolejność elementów wdrożyliśmy dokładnie według dokumentu klientki, a jedno technicznie uzasadnione odstępstwo zgłosiliśmy przed wdrożeniem -
Bez sliderów, czatów i wyskakujących okien
Strona ma być stabilna i przewidywalna, bez bodźców sprzedażowych -
Mobile first
Osobny kadr zdjęcia w hero na telefon zamiast automatycznego przycinania wersji desktopowej -
Samodzielność klientki
Teksty, zdjęcia, referencje, publikacje medialne i opisy sklepu edytowane z panelu, bez programisty -
Dowody zamiast obietnic
Referencje klientów i publikacje w mediach w jednej sekcji, z możliwością dodawania kolejnych
Proces - od pierwszej wersji do przebudowy oferty
Pierwsza wersja strony powstała w czterech iteracjach (v1.0-v4.0) między 8 stycznia a 5 lutego 2026 roku, a prace nad nową stroną i migracją zakończyliśmy w marcu 2026 roku. Od tego czasu serwis jest w naszej stałej opiece i rośnie razem z ofertą klientki.
v1.0 i v2.0 - projekt i redesign (styczeń 2026)
Pierwsza wersja z 8 stycznia była zbyt bliska standardowemu sklepowi. 27 stycznia przeszliśmy na jasny, minimalistyczny design: usługi stały się głównym tematem strony, a sklep dostał nazwę „Atelier BAGA”.
v4.0 - wdrożenie i migracja (luty-marzec 2026)
Wdrożenie produkcyjne 5 lutego, zabezpieczenie serwisu, wersja angielska, przeniesienie sklepu z PrestaShop na WooCommerce z mapą przekierowań 301. Potem instrukcja obsługi dla klientki i formularz odstąpienia od umowy.
Przebudowa pod nową ofertę (13-14 sierpnia 2026)
Nowe menu z 8 zakładkami, cztery nowe strony usług, nowa strona główna, sekcja Media / Referencje, przekierowania ze starych adresów i pełna wersja angielska nowej struktury.
Utrzymanie i rozwój (od czerwca 2026)
Poprawki na zgłoszenia klientki: wersja angielska (czerwiec), Atelier (sierpień), Media i porządki SEO (październik). W listopadzie 2026 wdrożyliśmy baner zgód z Google Consent Mode v2, fonty z własnego serwera i nowy obrazek podglądu linków.
Zakres prac
1. Architektura informacji - 8 zakładek
Strukturę strony po przebudowie wdrożyliśmy w kolejności z dokumentu klientki. Każda zakładka odpowiada jednemu obszarowi oferty albo jednemu pytaniu, które zadaje odwiedzający.
| Zakładka | Rola w strukturze |
|---|---|
| Manager Domu | Główna usługa - organizacja, koordynacja i dopilnowanie spraw domu i nieruchomości |
| Silver Management | Wsparcie dorosłych dzieci w organizowaniu spraw starszych rodziców |
| Organizacja przestrzeni | Szafy, garderoby, kuchnie, piwnice i całe domy |
| Przeprowadzki | Cały proces: selekcja, pakowanie, logistyka, rozpakowanie i organizacja nowego domu |
| Atelier BAGA | Sklep WooCommerce z organizerami i akcesoriami z tkanin |
| O mnie | Historia marki i doświadczenie Agnieszki Bożejewicz |
| Media / Referencje | Publikacje prasowe, telewizyjne i radiowe oraz referencje klientów |
| Kontakt | Formularz, telefon i e-mail |
| Strony prawne | Polityka prywatności, regulamin Atelier, formularz odstąpienia od umowy |
2. Design system - cisza wizualna w 6 kolorach
Design system BAGA jest zbudowany wokół minimalizmu. Paleta ma sześć kolorów, typografia - jeden font w trzech grubościach, a komponenty nie konkurują z treścią. Złoty akcent (#C4A676) pojawia się tylko w detalach: liniach, podkreśleniach i stanach hover.
Tło: złamana biel #F8F7F4
Tekst główny: czerń #1A1A1A
Ciepła szarość: #8B8985
Szary jasny: #A39E93
Akcent złoty (bronze): #C4A676
Hover: #2A2A2A, focus: złoty ring
Rodzina: Rubik (400, 500, 600)
Nagłówki: Rubik 500-600
Tekst: Rubik 400
Akcenty: wersaliki z odstępem 0.2em
Menu: min. 13 px, kontrolowane łamanie nazw usług
Fonty serwowane z własnego serwera
3. Strona główna i strony usług
Nowa strona główna z sierpnia 2026 roku prowadzi odwiedzającego od problemu do rozmowy. Hero otwiera zdanie klientki: „Twój dom nie potrzebuje kolejnej osoby do pomocy. Potrzebuje kogoś, kto przejmie odpowiedzialność.” Każda z czterech usług ma własną stronę z zakresem, opisem, dla kogo jest, i wezwaniem do rozmowy.
-
Manager Domu
Lista spraw, które klientka może przejąć, i opis pierwszej rozmowy - bez przygotowywania listy przez klienta -
Silver Management
Strona dla dorosłych dzieci, które nie mogą być na miejscu tak często, jak by chciały -
Organizacja przestrzeni
Cztery kroki pracy klientki i link do organizerów w Atelier BAGA -
Przeprowadzki
Proces podzielony na etapy: przed przeprowadzką, w trakcie i po niej
4. Dedykowany motyw WordPress „baga-premium”
Zamiast gotowego motywu komercyjnego napisaliśmy od podstaw dedykowany motyw baga-premium. Daje to pełną kontrolę nad wyglądem i wydajnością, a klientce - pola edycji dopasowane dokładnie do jej treści.
Tailwind CSS 3.4 z własnym buildem
Usuwanie nieużywanych klas i minifikacja produkcyjna. Bez Bootstrapa i frameworków UI - komponenty zaprojektowane od zera
Alpine.js dla interaktywności
Menu mobilne, filtry w sekcji Media, akordeony - lekko, bez ciężkich bibliotek
GSAP tylko na stronach informacyjnych
Subtelne animacje pojawiania się treści, wyłączone w sklepie, gdzie liczy się szybkość
Advanced Custom Fields PRO
Osobne grupy pól dla strony głównej, każdej usługi, sklepu i SEO. Listy punktowane wpisywane jako zwykły tekst - jedna linia to jeden punkt
Własne typy treści - Zestawy Atelier i Referencje
Karty zestawów w sklepie i referencje klientów (imię, krótki cytat, pełna treść, skan) dodawane przez klientkę z panelu
Polylang - wersja PL i EN
Strony, pola treści, kategorie sklepu i teksty motywu w obu językach, z przełącznikiem języka, który nigdy nie prowadzi do pustej strony
5. Struktura strony głównej
Strona główna składa się z sekcji ułożonych w kolejności z dokumentu klientki. Każda ma jedno zadanie i prowadzi do następnej.
-
Hero
Zdanie klientki, krótkie przedstawienie i przycisk „Poznaj BAGA”, z osobnym kadrem zdjęcia na telefon -
BAGA zaczyna się od rzeczy
Historia marki: od organizerów i jednej szafy do organizacji całego domu -
Czym zajmuje się BAGA?
Cztery kafle usług z krótkim opisem i przejściem na stronę każdej z nich -
Dlaczego ja?
Doświadczenie i sposób pracy klientki -
BAGA Atelier
Produkty marki jako naturalne uzupełnienie usług organizacji przestrzeni -
Referencja i rozmowa
Klikalny blok referencji prowadzący do pełnej treści i zaproszenie do kontaktu
6. Formularze - kontakt i odstąpienie od umowy
Formularz kontaktowy jest celowo prosty: kilka pól i jedno pytanie „W czym mogę pomóc?”. Chroni go kilka warstw zabezpieczeń przed spamem, które nie wymagają od odwiedzającego zaznaczania obrazków.
Pola formularza
Imię i nazwisko, e-mail, telefon i opis sprawy, z obowiązkową zgodą RODO
Ochrona przed spamem bez reCAPTCHA
Zabezpieczenia działające w tle i jedno proste pytanie kontrolne - bez utrudniania kontaktu prawdziwym klientom
Potwierdzenie wysłania
Czytelny komunikat po wysłaniu wiadomości i wysyłka przez skrzynkę firmową klientki
Formularz odstąpienia od umowy
Dwukrokowe potwierdzenie zgodne z dyrektywą UE 2023/2673 (obowiązuje od 19 czerwca 2026), z obsługą zgłoszeń w panelu
7. Atelier BAGA - sklep z organizerami z tkanin
Sklep, który wcześniej dominował w komunikacji marki, przenieśliśmy z PrestaShop na WooCommerce i nazwaliśmy Atelier BAGA. Dziś to piąta zakładka menu: organizery i akcesoria z tkanin, polska produkcja, dobre materiały i krótkie serie. Produkty, których klientka używa w pracy przy organizacji przestrzeni, są dostępne do kupienia.
-
WooCommerce na dedykowanym motywie
Ten sam design system co strona usług - sklep wygląda jak część marki -
Zestawy GARDEROBA, OCHRONA, PODRÓŻ
Karty zestawów prowadzą do kategorii, a zakładki kategorii budują się automatycznie - zmiana nazwy kategorii przez klientkę niczego nie psuje -
Przewodniki BAGA i tkaniny
E-booki z praktycznymi systemami organizacji domu oraz tkaniny na metry i kupony -
Sekcja „Baga dla biznesu”
Oferta marki własnej dla firm, w całości edytowana przez klientkę z panelu -
Nagłówek sklepu z panelu
Tytuł, opis i etykieta Atelier zmieniane przez klientkę bez zmian w kodzie -
Płatności Przelewy24
Szybkie płatności online w polskim standardzie -
Sklep w dwóch językach
Produkty i kategorie po polsku i po angielsku, z angielskimi adresami produktów
8. Bezpieczeństwo
Strona przyjmuje dane z formularzy i zamówienia, dlatego od wersji 4.0 jest zabezpieczona mocniej niż standardowy WordPress. Szczegółów konfiguracji celowo nie publikujemy.
Wymuszone HTTPS i HSTS
Content Security Policy i ochrona przed osadzaniem w ramkach
Blokada szkodliwych botów
Zakaz wykonywania skryptów w katalogu uploads
Szybka reakcja na nowe podatności
Dyskretnie zabezpieczony panel logowania
Brak publicznego dostępu do standardowego logowania WordPress
Ekran logowania w identyfikacji BAGA
Ukryte informacje o technologii serwisu
Sprawdzenie serwisu na żywo po każdej zmianie
9. Migracja z PrestaShop i przekierowania 301
Stary sklep miał lata historii w Google, dlatego przy przejściu na WooCommerce przygotowaliśmy mapę przekierowań 301 dla adresów sklepu i stron. Przy przebudowie w sierpniu i październiku 2026 roku dodaliśmy przekierowania ze starych podstron na nowe strony usług, a wycofane strony usunęliśmy z mapy witryny.
| Stary adres | Nowy adres |
|---|---|
/sklep/, /shop/ |
/atelier/ |
/pl/KATEGORIA/ID-NAZWA.html |
/atelier/ (mapowanie regex) |
/dom-biuro/, /wspolpraca/ |
/manager-domu/ |
/narzedzia/ |
/przeprowadzki/ |
/aplikuj/ |
/kontakt/ |
| Stare adresy wersji angielskiej | Nowe strony EN (301) |
10. Analityka, zgody i SEO
SEO i analityka działają bez dodatkowych wtyczek - metadane, dane strukturalne i baner zgód są częścią motywu. Klientka może nadpisać tytuł i opis każdej strony z panelu.
-
Google Analytics 4 i Consent Mode v2
Własny baner zgód (PL/EN) wdrożony w listopadzie 2026 - statystyki włączają się dopiero po zgodzie odwiedzającego -
Meta title i description dla każdej strony
Treści według tabeli klientki, z możliwością edycji w panelu -
Schema.org JSON-LD
LocalBusiness, Service, Product, BreadcrumbList i FAQPage generowane przez motyw, z aktualną nazwą i opisem marki -
Open Graph i Twitter Cards
Nowy obrazek podglądu linków (listopad 2026) dla Facebooka, LinkedIn i komunikatorów -
Mapa witryny i canonical
Mapa witryny bez wycofanych stron, jeden nagłówek H1 na stronę, opisowe teksty alternatywne zdjęć -
Porządki po zmianie oferty
Wszystkie strony PL i EN sprawdzone pod kątem dawnych haseł i zaktualizowane do oferty Managera Domu
11. Wydajność
Klientka od początku stawiała wymaganie: strona ma ładować się szybko na telefonie. Zamiast dokładać wtyczki optymalizacyjne, dbamy o wagę każdego elementu.
-
Zdjęcia w WebP
Zdjęcie hero po konwersji zmniejszyło się z 1,6 MB do 69 KB, a zdjęcia poniżej pierwszego ekranu ładują się leniwie -
Fonty z własnego serwera
Rubik serwowany lokalnie w formacie WOFF2, bez zapytań do zewnętrznych serwerów -
Lekki kod
Tailwind tylko z używanymi klasami, Alpine.js zamiast ciężkich frameworków, animacje tylko tam, gdzie mają sens
Stack technologiczny
Projekt BAGA to WordPress z dedykowanym motywem i sklepem WooCommerce. Każdy element został wybrany tak, żeby strona była szybka, bezpieczna i łatwa w samodzielnej obsłudze.
WooCommerce
PHP 8.x
MySQL
Tailwind CSS 3.4
PostCSS
Alpine.js
GSAP
ACF PRO
Custom Post Types
Polylang (PL/EN)
Dedykowany motyw baga-premium
Przelewy24
Google Analytics 4
Google Consent Mode v2
Schema.org JSON-LD
SSL / HTTPS / HSTS
Content Security Policy
WebP
Font Rubik (self-hosted)
Unikalne rozwiązania projektowe
W kilku miejscach projekt BAGA odchodzi od typowego wdrożenia WordPress. Każdą z tych decyzji uzgodniliśmy z klientką. Oto sześć rozwiązań, które najbardziej wpływają na codzienną pracę z serwisem.
-
Wdrożenie dokumentu klientki 1:1
Nazwy usług, kolejność zakładek i teksty dokładnie według klientki, z jednym zgłoszonym odstępstwem technicznym (adres sklepu) -
Usługi i sklep w jednym serwisie
Atelier BAGA korzysta z tego samego design systemu co strony usług, a strona Organizacji przestrzeni prowadzi do organizerów -
Referencje jako osobny typ treści
Krótki cytat na stronie głównej, pełna referencja i skan na osobnej stronie, kolejne dodawane przez klientkę -
Osobny kadr zdjęcia na telefon
Hero z dwoma zdjęciami zamiast automatycznego przycinania wersji desktopowej -
Odporność na zmiany w panelu
Zakładki kategorii sklepu i puste wiersze w sekcji Media obsługiwane automatycznie - edycja treści nie psuje układu -
Formularz bez reCAPTCHA
Ochrona przed spamem działająca w tle, bez utrudniania kontaktu prawdziwym klientom
Rezultaty
BAGA to dziś strona Managera Domu i sklep Atelier BAGA w jednym serwisie. Zaprojektowaliśmy i napisaliśmy od podstaw dedykowany motyw WordPress baga-premium, przenieśliśmy sklep z PrestaShop na WooCommerce z mapą przekierowań 301, przygotowaliśmy pełną wersję angielską i daliśmy klientce możliwość samodzielnej edycji treści, referencji i publikacji medialnych. W sierpniu 2026 roku przebudowaliśmy serwis pod nową ofertę: Manager Domu, Silver Management, Organizacja przestrzeni, Przeprowadzki i Atelier BAGA. Serwis jest w naszej stałej opiece - reagujemy na zgłoszenia klientki i rozwijamy go, ostatnio o baner zgód z Google Consent Mode v2, fonty z własnego serwera i nowy obrazek podglądu linków.