Świeży projekt

AURA ARCHITECTURE

Z demo do gotowej strony pracowni architektonicznej - Divi 5, RODO, analityka pod klucz

Klient i kontekst

AURA ARCHITECTURE Sp. z o.o. to pracownia architektoniczna z Mostów (gm. Kosakowo, woj. pomorskie). Projektuje budynki mieszkalne jedno- i wielorodzinne, obiekty usługowe, biurowe i medyczne, wnętrza, prowadzi nadzór autorski. Wśród realnych realizacji m.in. Dom Opieki "Bonitum" we Wrocławiu, przedszkole w Sopocie, oddziały radioterapii i chemioterapii w Łodzi - poważny profil zleceń.

Zadanie: uruchomienie i wykończenie strony wizytówki (one-page + podstrony + portfolio realizacji + blog) na bazie kupionego motywu premium. Model: wdrożenie + dostosowanie + uruchomienie pod klucz.

Punkt wyjścia - typowy "świeży WordPress po imporcie demo"

Klient kupił motyw premium na silniku Divi 5 i zaimportował demo. Po imporcie strona wyglądała jak portfolio architekta, ale w środku było:

  • 84 strony, z czego ~77 to puste szablony demo motywu (warianty Home, About, Shop, Cart, Checkout, biblioteki sekcji)
  • 9 wpisów blogowych - wyłącznie placeholdery, angielski "lorem-bełkot"
  • 21 projektów w portfolio - tylko 4 prawdziwe realizacje, reszta z demo motywu
  • Sekcje strony głównej z treścią zastępczą: opinie "Lorem ipsum" od fikcyjnych nazwisk, paski logo "klientów" z motywu, pusty newsletter, liczniki po angielsku
  • Stopka i kontakt z placeholderami: telefon +48xxxxxxxxx, 4 martwe linki (404), literówki
  • Brak zgodności RODO: zero banera cookies, polityka prywatności tylko jako niedokończona robocza wersja szablonu WordPress
  • Brak analityki - kompletnie

Wyzwanie techniczne: Divi 5

Najnowsza wersja Divi (5.x) używa nowej architektury blokowej. Układ stron przechowywany jest w formacie blokowym wp:divi/*, nie w klasycznych shortcodach. Stary sposób "otwórz w panelu, usuń, zapisz" nie skaluje się na 100+ elementów. Plus globalny nagłówek i stopka mieszkają w Theme Builderze - poza standardowym API REST.

Czystkę musieliśmy zrobić programowo, z zachowaniem integralności struktury bloków: zbalansowane parsowanie, walidacja przed zapisem, rewizje jako kopia bezpieczeństwa.

Co zrobiliśmy

A. Porządkowanie i czystka (content hygiene + SEO)

  • Usunięcie 77 demowych stron, 9 placeholder wpisów i 17 demo projektów (do Kosza - operacja odwracalna)
  • Pozostawienie czytelnej, docelowej struktury: Start (one-page) · O Nas · Dla Kogo · Portfolio · Kontakt · Blog · Polityka prywatności · Polityka cookies

B. Przebudowa strony głównej

  • Usunięcie placeholderowych sekcji: paski logotypów demo, sekcja fałszywych opinii, niedziałający newsletter, pusty separator
  • Liczniki: tłumaczenie na polski + uzupełnienie wartościami (Zrealizowane projekty / Stałe współprace / Zadowoleni klienci / Lata doświadczenia)
  • Uporządkowanie nawigacji - m.in. usunięcie pozycji menu prowadzącej do usuniętej sekcji

C. Dane firmowe i kontakt

  • Klikalny telefon tel: (mobile-friendly)
  • Naprawa 4 martwych linków w stopce
  • Uzupełnienie stopki o pełne dane spółki (nazwa, NIP, REGON) - zgodnie z obowiązkiem oznaczenia sp. z o.o.
  • Poprawki redakcyjne i tłumaczenia pozostałych anglojęzycznych etykiet

D. Zgodność prawna / RODO

  • Instalacja i konfiguracja banera zgody na pliki cookies (Pressidium Cookie Consent) - pełne tłumaczenie na PL (treść, kategorie, przyciski)
  • Opracowanie i publikacja Polityki prywatności + Polityki cookies dostosowanych do realnego zakresu przetwarzania (RODO + Prawo komunikacji elektronicznej 2024 + Google Consent Mode v2)
  • Wdrożenie i weryfikacja Google Consent Mode v2: analityka domyślnie denied, dopiero po akceptacji granted

E. Analityka (privacy-first, dwie warstwy)

Google Analytics 4

Wdrożone przez Google Site Kit, spięte z mechanizmem zgody (gcs G100 -> G111 po akceptacji).

AnalyticsWP (first-party)

Analityka cookieless, dane na własnym serwerze klienta. Druga warstwa niezależna od Google.

Audyt zgodności wyłapał ukrytą lukę

Po wdrożeniu zrobiliśmy audyt: Consent Mode v2 nie był aktywny mimo zainstalowanego banera. Analityka zbierałaby dane przed zgodą użytkownika - sytuacja niewidoczna na oko, ale dla GIODO/UODO to klasyczne naruszenie RODO. Wykryte i naprawione w tej samej iteracji, poprawność potwierdzona testem przepływu zgody na żywej stronie (sygnały gcs Google przełączają się dopiero po kliknięciu Akceptuj).

Efekty

  • Strona oczyszczona z ~100 elementów treści demonstracyjnej - lekka, czytelna struktura, brak "śmieciowych" podstron indeksowanych przez Google
  • Spójna, profesjonalna strona główna prezentująca wyłącznie realne realizacje pracowni
  • Pełna zgodność RODO: baner zgody PL, dwie polityki, Consent Mode v2 zweryfikowany w praktyce
  • Działający, mobilny kontakt - klikalny telefon, poprawne linki, dane rejestrowe spółki
  • Podwójna prywatna analityka gotowa do mierzenia ruchu od dnia startu
  • Strona gotowa do oddania i rozliczenia końcowego

Stack technologiczny

Divi 5 (bloki)

Najnowsza architektura blokowa Divi - operacje na blokach wp:divi/* z parsowaniem, walidacją i rewizjami.

REST API + sesja admin

Operacje masowe (usuwanie, podmiana treści) przez REST z poziomu zalogowanej sesji - szybko i odwracalnie.

Pressidium Cookie Consent

Baner zgody PL + integracja z Consent Mode v2 - sygnały gcs G100 -> G111 po akceptacji.

GA4 + AnalyticsWP

Site Kit dla Google + AnalyticsWP first-party cookieless - dwie warstwy analityki, obie pod zgodą.

Dlaczego ten projekt jest ciekawy

Typowy "import demo i tyle" daje stronę, która wygląda ok, ale w środku ma 90% śmieci. Google indeksuje placeholder podstrony, brak RODO leci jako naruszenie z dnia startu, brak analityki to brak danych do późniejszych decyzji. Klient nie wie o tym, bo na pierwszy rzut oka wszystko gra.

Dla AURA ARCHITECTURE zrobiliśmy technicznie poprawne wykończenie: czystą strukturę pod SEO, zgodność RODO którą można pokazać kontroli, działającą analitykę i kontakt który nie pęknie na telefonie. Plus audyt zgodności wykrył niewidoczną lukę z Consent Mode v2 - rzecz której nie zauważyłbyś bez sprawdzenia sygnałów gcs w devtoolach.

Zobacz auraarchitecture.pl →