Przejdź do treści
Realizacja XTN · strona produktu

Strona produktu SEOLDIER

Asystent SEO, który planuje kampanię treści i publikuje tylko posty z wynikiem co najmniej 85/100 w 22 kontrolach jakości. Zaprojektowaliśmy i zbudowaliśmy jego stronę — z hologramem, który widzisz w tle: 44 000 punktów światła liczonych na żywo w Twojej przeglądarce.

5 h 14 min pracy · 14 963 linie kodu · 7 scen sterowanych przewijaniem

Atuty

Co robi SEOLDIER

Myśli kampanią, nie pojedynczym wpisem. Ty wskazujesz cel — frazę — a oddział postów walczy o miejsce w Google i w odpowiedziach AI.

Rekonesans

Analiza fraz i konkurencji: gdzie stoją rywale i które frazy da się zdobyć — zanim powstanie pierwszy post.

Plan operacji

Klaster wokół jednej frazy: post filarowy, posty wspierające i mapa linków między nimi. Cele zatwierdzasz Ty.

Oddział postów

Cała seria pisana pod jeden cel — każdy post z kompletem elementów, których szukają Google i asystenci AI.

Kontrola

22 kontrole jakości i ocena AI. Tekst z wynikiem poniżej 85/100 nie wychodzi — wraca do poprawek.

Desant

Gotowy post pobierasz jako Markdown z metadanymi albo HTML — publikacja dopiero po Twojej akceptacji.

integracje z CMS w przygotowaniu

Warta

Przypomnienia o odświeżeniu treści i kontrola pozycji, żeby zdobyta strona nie przepadła.

w przygotowaniu

Zobacz SEOLDIER na żywo

Pełna strona produktu — z hologramem, scenami sterowanymi przewijaniem i wzorcowym artykułem z rentgenem SEO.

Otwórz stronę
Jak działa

Sześć faz jednej operacji

Od jednej frazy do utrzymania pozycji. Oddział wykonuje robotę, a Ty decydujesz w dwóch momentach: zanim ruszy pisanie i zanim cokolwiek trafi do sieci.

  1. Rekonesans

    Analiza wyników wyszukiwania, fraz i konkurencji — mapa terenu przed natarciem.

  2. Plan operacji

    Klaster: post filarowy i posty wspierające. Tu zatwierdzasz cele.

  3. Natarcie

    AI pisze serię według zatwierdzonego planu — posty linkują się nawzajem.

  4. Kontrola

    22 kontrole i ocena AI. Poniżej 85/100 tekst wraca do poprawek.

  5. Desant

    Eksport gotowego posta (Markdown albo HTML) — publikacja po Twojej akceptacji.

  6. Warta

    Odświeżanie treści i kontrola pozycji — w przygotowaniu.

Chcesz, żeby SEOLDIER pisał dla Ciebie?

Napisz, jaką frazę chcesz zdobyć — porozmawiamy o kampanii treści dla Twojej strony. Pierwsza konsultacja 0 zł.

Zapytaj o SEOLDIER
Realizacja

Co zbudowaliśmy na stronie SEOLDIER

Dziewięć fragmentów strony, tak jak widzi je odwiedzający. Kliknij — przeniesiesz się w to miejsce na stronie na żywo.

Kulisy projektu

Jak to zbudowaliśmy

Od briefu do strony z hologramem, scenami sterowanymi przewijaniem i blogiem — w około 5 godzin aktywnej pracy zespołu z agentami AI.

5 h 14 min
aktywnej pracy — według zapisu dwóch sesji, 8–9 października 2026
14 963
linie kodu strony: HTML, CSS i JavaScript w 14 sekcjach
1 156
linii własnych narzędzi: generator, zrzuty, klatki, formularz
44 000
punktów światła w hologramie (19 000 na telefonie)

Co zrobiliśmy — krok po kroku

  1. Brief i kierunek

    Cel strony: zapisy na wczesny dostęp. Po pierwszym projekcie w stylu XTN — na prośbę właściciela produktu — kierunek „centrum dowodzenia”: ruch, przejścia i 3D.

  2. Hologram w hero

    Postać z 44 000 punktów światła, mgławica gwiazd i słowa z drobin — własne shadery WebGL, postać generowana kodem, bez gotowych modeli.

  3. 14 sekcji lejka

    Problem → rozwiązanie → jak działa → dowód → korzyści → plany i zapis. Czystka: bez napisów-ozdobników i nagłówków z jednej sztancy.

  4. Sceny przewijania

    7 scen przypiętych do ekranu — przewijanie w obie strony steruje treścią. Przegląd w sześciu rozmiarach okna.

  5. Blog z rentgenem SEO

    Wzorcowy artykuł i rentgen liczący 22 kontrole na żywo — przeniesione 1:1 z silnika naszego Kokpitu SEO.

  6. Zapisy i języki

    Formularz z własną tarczą antybotową oraz generator wersji EN, DE i ES z hreflang — tłumaczenia czekają na akceptację.

Narzędzia, które zbudowaliśmy po drodze

Generator strony

Składa stronę z 14 sekcji (każda z własnym HTML, CSS i JS) i wersje językowe z hreflang, canonical i mapą strony.

Zrzuty kontrolne

Zrzuty w kilku szerokościach okna i automatyczna kontrola, czy nic nie wychodzi w bok.

Klatki przewijania

Nagrywa klatki scen przypiętych — tak sprawdzaliśmy, czy przewijanie steruje treścią płynnie w obie strony.

Shadery WebGL

Hologram, mgławica, słowa z drobin i mapa terenu z cząstek — liczone na karcie graficznej.

Rentgen SEO

22 kontrole silnika SEO działające w przeglądarce, na czytanym tekście.

Tarcza antybotowa

Zadanie dla przeglądarki zamiast CAPTCHA — bez cookies i firm trzecich.

Technologie

Strona
HTML, CSS i JavaScript bez frameworka — szybka i w całości nasza
Ruch
GSAP 3.14 z ScrollTrigger (sceny przypięte) i Lenis (płynne przewijanie)
Grafika
WebGL z własnymi shaderami — hologram, gwiazdy, słowa i mapa z cząstek
Treści
silnik 22 kontroli SEO z naszego Kokpitu SEO (rentgen na blogu)
Formularz
PHP z własną tarczą antybotową, bez cookies

Chcesz taką stronę dla swojego produktu?

Zaprojektujemy i zbudujemy ją z animacjami, 3D i blogiem pod SEO — klikalny prototyp zobaczysz, zanim zapłacisz.

Porozmawiajmy
Rozmowa

Porozmawiajmy o SEOLDIER

Napisz, jaką frazę chcesz zdobyć albo jaki produkt chcesz pokazać światu — odpowiadamy w ciągu 24 godzin.

Pora dnia
Podaj imię (min. 2 znaki).
Podaj poprawny adres e-mail.

Administratorem danych jest Sellz Prosta Spółka Akcyjna z siedzibą w Warszawie (KRS 0001087452), kontakt: office@xtn.pl. Dane z formularza przetwarzamy wyłącznie po to, żeby umówić rozmowę i odpowiedzieć na zapytanie (art. 6 ust. 1 lit. b i f RODO) — przez czas rozmów, a przy współpracy przez czas umowy i okres przedawnienia roszczeń. Masz prawo dostępu do danych, ich sprostowania, usunięcia, ograniczenia przetwarzania, sprzeciwu oraz skargi do Prezesa UODO.

Formularz chroniony przed botami — bez cookies i zewnętrznych usług.

Nie udało się wysłać. Spróbuj ponownie albo napisz na office@xtn.pl.

Zobacz pozostałe realizacje XTN

Agent AI do ofertowania, platforma B2B, Kokpit SEO i landingi sprzedażowe — każda pokazana od kuchni.

Wszystkie realizacje