# Analiza stron – White Cat Media redesign

Data analizy: 29.10.2026. Wszystkie strony oglądane w przeglądarce (desktop 1440 px i mobile 390 px).
Zrzuty pełnych stron: [`zrzuty/`](zrzuty/) – `*-desktop.png` i `*-mobile.png`.

> Uwaga do zrzutów adplaner.pl: strona przy pierwszym wejściu przykrywa całość banerem cookies, więc na zapisanym zrzucie treść jest przyciemniona. Układ jest czytelny, ale kolory wyglądają ciemniej niż w rzeczywistości. Wygląd oceniałem w przeglądarce po zamknięciu banera.

---

## 1. whitecatmedia.pl – obecna strona

**Struktura strony głównej:** slider z hasłem „Oferujemy rozwiązania marketingowe przygotowane na miarę twoich potrzeb biznesowych” → 3 usługi (SEO, Marketing, Outdoor) → O nas → „Łączymy wiedzę z praktyką” + 4 karty (Marketplaces, Email Marketing, Performance Marketing, Native) → Case Studies → Opinie partnerów → Blog → stopka.

**Do zachowania:**
- **Logo** – kot w formie geometrycznej linii + napis WHITE CAT MEDIA szeroką, techniczną czcionką. Jest charakterystyczne i dobrze pasuje do nowoczesnej, minimalistycznej estetyki. Pobrałem wersję białą na przezroczystym tle (`wspolne/logo-white-cat-media-biale.png`, 3219×706 px). Brakuje wersji ciemnej i pliku wektorowego (SVG).
- **Zakres usług**: SEO, performance marketing, e-mail marketing, reklama natywna (własna sieć), marketplaces / porównywarki, outdoor. Własna sieć mailingowa i natywna to realny wyróżnik – warto go wyeksponować mocniej.
- **Opinie** (3): Agnieszka Iwańska (kampanie sprzedaży samochodów), Leszek Katarasiński (sprzęt rowerowy, +30% sprzedaży online), Iwona Lorek (hotel, rekordowe rezerwacje w pandemii).
- **Case studies** na stronie głównej: „Fashion Boost” (SEO), „Lead Generation” (Marketing). Podstrona `/nasze-projekty/` jest pusta – brak opisów, liczb i nazw klientów.
- **Blog**: 3 wpisy – content marketing, e-mail marketing w praktyce, marketing na Facebooku i Twitterze.
- **Kontakt**: tel. 780 103 666, ul. Czerska 8/10, Warszawa.

**Przestarzałe / do poprawy:**
- Gotowy szablon WordPress z 2020 r. (nazwy plików typu `home8_img_figure.png`), zdjęcia stockowe, fioletowo-niebieskie gradienty i „pływające” awatary w opiniach – czyli dokładnie estetyka, której chcemy uniknąć.
- Ogólnikowe teksty („Zatrudniamy najlepszych specjalistów”, „nowoczesne algorytmy”) bez liczb i dowodów.
- Niespójności: dwa e-maile (biuro@wcm.pl i kontakt@wcm.pl), dwa adresy (Czerska 8/10 i Chełmska 21/118 – ten drugi z błędnym kodem 00-7324), © 2022, tytuły wpisów na blogu nie zgadzają się z adresami URL, opinie w karuzeli powtarzają się.
- Wersja mobilna: długie, wąskie kolumny tekstu, dużo pustych dekoracji, mało czytelna hierarchia.
- Czcionki: Rubik + Nunito (zaokrąglone, „przyjazne”, mało premium).

## 2. adplaner.pl – wzorzec treści i oferty

**Lista sekcji strony głównej (w tej kolejności) – przejmujemy tę strukturę:**

| # | Sekcja adplaner.pl | Odpowiednik dla WCM |
|---|---|---|
| 1 | Pływające menu w „pigułce” + CTA „Wyceń kampanię” | Menu + CTA „Wyceń kampanię” / „Porozmawiajmy” |
| 2 | Hero: krótka etykieta, duży nagłówek, 1 zdanie, CTA | Hero z obietnicą WCM |
| 3 | 3 kafle z korzyściami (kreacje, raporty, modele rozliczeń) | 3 kafle: wyniki, raportowanie, elastyczne modele rozliczeń (CPC/CPL/CPS…) |
| 4 | Pasek logotypów „Zaufali nam” | Logotypy klientów `[DO UZUPEŁNIENIA]` |
| 5 | „Z kim pracujemy?” – 3 grupy klientów z listą korzyści i „Rozwiń sekcję” | Grupy docelowe WCM (do potwierdzenia, patrz pytania) |
| 6 | „W czym możemy Ci pomóc?” – siatka 9 usług na ciemnym tle, każda z linkiem do podstrony | Siatka usług WCM |
| 7 | „Dlaczego my?” – przewijana narracja z przyklejoną grafiką (4 akapity: szybkość, zaufanie, realizacja in-house) | „Dlaczego White Cat Media” |
| 8 | Liczby: 250+ klientów, 1200 kampanii rocznie | Liczby WCM `[DO UZUPEŁNIENIA]` |
| 9 | „Jak współpracujemy?” – 3 kroki (brief → dobór źródeł ruchu → realizacja i raport) | Proces współpracy WCM |
| 10 | „Firmy, które nam zaufały” – lista klientów z jednozdaniowym opisem | Case studies + opinie partnerów |
| 11 | Kontakt: e-mail, telefon (z kopiowaniem jednym kliknięciem), formularz | Kontakt |
| 12 | Stopka minimalna | Stopka z danymi firmy |

Dodatkowo z obecnej strony WCM zachowujemy sekcję **Blog** (adplaner jej nie ma).

**Usługi adplaner.pl (z opisami ze strony głównej):** Display, Mailing, Video, Strony internetowe, Kreacja, Social Media, Influencer i Music marketing, SEO i SEM, SMS/MMS i Push.

**Podstrony usług, które udało się otworzyć:** Display, Mailing, Video, Social Media, Kreacja, SEO i SEM oraz „O nas”. Schemat podstrony: „Usługa: X” + 1-2 zdania → warianty usługi, każdy z **modelem rozliczeniowym** i przyciskiem „Pobierz specyfikację” → mini case studies z liczbami (CTR, open rate, konwersja, model) → FAQ → CTA „Wyceń kampanię – X”.
**Nie udało się otworzyć:** podstron Strony internetowe, Influencer i Music marketing oraz SMS/MMS i Push – karty na stronie głównej nie prowadziły pod żaden adres, który dałoby się wywołać. Ich zakres znam tylko z krótkiego opisu na stronie głównej.

**Co przejmujemy w sposobie opisu oferty:** konkret zamiast przymiotników – modele rozliczeń przy każdej usłudze, liczby w case studies, krótki proces w 3 krokach, FAQ przy usługach.

**Proponowana lista usług WCM** (połączenie obu stron):
1. SEO i pozycjonowanie
2. Kampanie Google Ads (SEM)
3. Kampanie Meta (Facebook / Instagram)
4. Performance marketing / lead generation (CPL, CPS)
5. E-mail marketing (własna sieć wydawców)
6. Reklama natywna (własna sieć)
7. Display i video
8. Marketplaces i porównywarki
9. Outdoor
10. Analityka internetowa
11. Strony i landing page'e pod kampanie (programowanie)
12. Kreacja reklamowa

Na stronie głównej pokażemy 6–9 z nich – wybór zależy od Twojej odpowiedzi na pytania.

## 3. Inspiracje wizualne – adplaner.pl, optymeo.pl, if.pl

| | adplaner.pl | optymeo.pl | if.pl |
|---|---|---|---|
| Kolory | prawie monochrom: biel, #F4F4F5, grafit #19181B; akcent fioletowy tylko jako delikatna poświata | biel, jasna szarość #F8F8F8, grafit; akcent zielony #09B850 | biel + czerń, akcent neonowa zieleń #14DD7B |
| Typografia | Inter Tight – ciasna, nowoczesna, duże nagłówki o lekkiej wadze | Instrument Sans – nagłówki ~58 px, spokojne | własny geometryczny krój (IFont), bardzo duże, grube nagłówki (78 px) |
| Układ | pływające menu-pigułka, karty z zaokrągleniami, ciemna sekcja usług z „poświatą”, przyklejone grafiki przy przewijaniu | siatka kart z cienkimi ramkami, czarno-białe portrety partnerów | dużo bieli, czarne bloki CTA, wielkie zielone trójkąty jako akcent graficzny |
| Zdjęcia / grafika | proste makiety ekranów i formatów reklamowych, zdjęcia produktowe | duże czarno-białe zdjęcia ludzi | czarno-białe zdjęcia zespołu, logotypy klientów w szarości |
| Ton | konkretny, B2B, „szybko i sprawnie” | ekspercki, spokojny, „całościowo” | bezpośredni, z charakterem („robimy ruch”, „nikogo nie udajemy”) |
| Animacje | płynne pojawianie się sekcji, przyklejona narracja | minimalne | minimalne, efekty na hover |

**Wspólny mianownik:** *„spokojna pewność eksperta”* – jasne tło i mnóstwo powietrza, jeden mocny kolor akcentu używany oszczędnie, duża, nowoczesna typografia bezszeryfowa, czarno-białe zdjęcia prawdziwych ludzi zamiast stocków, karty o miękkich narożnikach, konkretny język z liczbami i nazwiskami. Zero ozdobników dla samych ozdobników.

**Co bierzemy z każdej:**
- **adplaner.pl** – strukturę strony, pływające menu, ciemną sekcję usług jako „scenę”, narrację przewijaną z przyklejoną grafiką, proces w 3 krokach.
- **optymeo.pl** – spokojną siatkę kart z cienkimi liniami, sekcję z portretami założycieli/partnerów (twarze budują zaufanie), FAQ.
- **if.pl** – odwagę typograficzną i tonu, czarny blok CTA, jeden graficzny motyw powtarzany na stronie (u nich trójkąt – u nas może to być geometria z logo kota).

**Ciekawostka:** optymeo.pl podaje Grzegorza Chruścielewskiego jako założyciela White Cat Media i ma ten sam numer telefonu (780 103 666). To może być atut (sekcja „ludzie za marką”), ale nie zakładam tego – pytam niżej.