← IndeksSystem Własny / Pipeline Produkcji z AI2026 - current

r352.com

A site that checks itself before it ships

80+
Podstron z Jednego Builda: 4
Blokujące Kontrole na Wydanie: 6
Wdrożeń Jednego Dnia

Kontekst

Ta strona jest naszym własnym case'em, a jej sens jest praktyczny: jak jedna osoba utrzymuje dużą, dwujęzyczną stronę w spójności i bezpiecznie ją publikuje. Ponad 80 podstron w dwóch językach powstaje z jednego builda, zasady siedzą w systemie, a nie w czyjejś głowie, i nic nie trafia na produkcję, dopóki nie przejdą cztery automatyczne kontrole. Decyzje podejmują ludzie, a AI składa to, co pomiędzy.

Strona, na żywo

r352.com · ponad 80 podstron, dwa języki

Kokpit, nie broszura: ramka z prawdziwym stanem w narożnikach, cztery kompetencje, odczyt Projekt / Stała współpraca i proces, który przewija się razem ze stroną.

Problem

Mały zespół nie przejrzy wzrokiem ponad 80 podstron przy każdej zmianie, a strona, która mówi 'budujemy systemy', nie może być utrzymywana ręcznie. Szybkość bez kontroli psuje rzeczy po cichu: za długi opis meta, link za mały, żeby trafić w niego na telefonie, polska strona wskazująca na angielską.

Za co wzięliśmy odpowiedzialność

Wszystko, i o to chodzi: pozycjonowanie, projekt, kod, obie wersje językowe i kontrole, które decydują, czy wydanie może wyjść na produkcję.

Które kompetencje pracowały

Strategia i design: Spisany design system i tokeny czytelne dla maszyn są źródłem prawdy dla zespołu i dla każdej sesji AI, która dotyka strony.
Produkty cyfrowe: Ponad 80 podstron prerenderowanych do statycznego HTML z jednego builda, po angielsku i po polsku, z wzajemnymi parami językowymi sprawdzanymi przy każdym wydaniu.
Creative delivery: Zmiany wychodzą tego samego dnia jednym pipeline'em: sześć wdrożeń produkcyjnych jednego dnia podczas aktualizacji we wrześniu 2026.
AI elevation: AI buduje i sprawdza między decyzjami. Każde wydanie zatwierdza człowiek, a bramki trzymają standard, kiedy tempo rośnie.

Decyzje

Jedna komenda wdrożenia, bez skrótów: build, potem cztery blokujące kontrole, potem wydanie. Kontrola crawl czyta na każdej stronie tytuły, opisy i nagłówki. Kontrola linków szuka stron-sierot i wycieków językowych. Kontrola mobile otwiera kluczowe strony w 390 px i liczy cele dotykowe poniżej 44 px względem budżetu. Kontrola interakcji klika każdą kontrolkę, żeby sprawdzić, czy nic się nie wywala. Osobna kontrola marki porównuje spisany przewodnik z kodem.

Jak to dowieźliśmy

Treść żyje w danych, strony są z nich kompilowane, a AI pisze różnicę zamiast całej strony. Kiedy oferta przeszła z trzech obszarów na cztery kompetencje, strona główna, mapa usług, strona usług i trzy case studies zmieniły się razem, w obu językach, bo czytają z tej samej struktury.

Realizacje

Przegląd sześćdziesięciu podstron serwisu po angielsku i po polsku — Strona główna, usługi, proces, branże, sieci, journal, słownik, case studies i to samo jeszcze raz po polsku. Jedna osoba i pipeline AI utrzymują całość w spójności, bo zasady siedzą w systemie, a przed każdym wydaniem przechodzą cztery kontrole.

Żywe tła: WebGL i ruch

Na żywo · renderowane w przeglądarce

Trzy tła, jedna zasada: ruch jest za komunikatem i nigdy nie konkuruje z wezwaniem do działania. Pole cyfr 3, 5, 2 i sygnetów R w hero, mapa warstwic na stronie procesu, siatka sygnetów pod neonową stopką. Każde zatrzymuje się, gdy znika z ekranu, i stoi w miejscu u czytelników, którzy proszą o ograniczony ruch.

Tryb jasny: ten sam system, odwrócony

Na żywo

Jeden przełącznik w nagłówku zmienia całą stronę z grafitu na chłodną, złamaną biel. Limonka zostaje jedynym kolorem sygnału, ramka i odczyty trzymają swoje miejsce, a hero zamienia pole glifów na powiększone sygnety R.

Strona główna na telefonie: nagłówek, tagi odbiorców i dwa wezwania do działania — Telefon dostaje tę samą kolejność informacji, a nie okrojoną stronę. Jedna z czterech kontroli wydania mierzy każdy cel dotykowy względem minimum 44 pikseli i zatrzymuje wydanie, gdy nowy element go nie spełnia.

Cztery kompetencje jako lista na telefonie — Telefon dostaje tę samą kolejność informacji, a nie okrojoną stronę. Jedna z czterech kontroli wydania mierzy każdy cel dotykowy względem minimum 44 pikseli i zatrzymuje wydanie, gdy nowy element go nie spełnia.

Mapa usług w czterech kolumnach — Cztery kompetencje w tej samej kolejności na stronie głównej, w mapie usług i na stronie usług oraz panel na końcu każdej strony, który przekazuje czytelnika do następnej.

Nagłówek strony usług z nawigacją skokową — Cztery kompetencje w tej samej kolejności na stronie głównej, w mapie usług i na stronie usług oraz panel na końcu każdej strony, który przekazuje czytelnika do następnej.

Dłoń obracająca pokrętło z limonkową wskazówką — Każdy obraz trzyma jedną zasadę z brand guide'u: prawie czarna scena, jeden obiekt, jeden limonkowy element, który niesie znaczenie. Kontrola, konsekwencja, czas, skala, troska, system, sygnał.

Rząd kostek domina z jedną limonkową — Każdy obraz trzyma jedną zasadę z brand guide'u: prawie czarna scena, jeden obiekt, jeden limonkowy element, który niesie znaczenie. Kontrola, konsekwencja, czas, skala, troska, system, sygnał.

Brand Centre: zasady spisane

Wewnętrzne · treść rozmyta

Jeden adres na to, jak r352 wygląda, porusza się, brzmi i mówi: kolor i motywy, typografia, layout, ruch, głos, logo i maskotka. Człowiek czyta to jak przewodnik; sesja AI czyta te same zasady jako tokeny, a kontrola dryfu porównuje przewodnik z kodem.

Maskotka: pogodny robot

Generowane · animowane

Grafitowy korpus, limonkowy wizjer, jedna antena. Robot jest ciepłą przeciwwagą dla precyzyjnej, ciemnej strony: wita, wskazuje i czeka w rogu każdej podstrony jako wejście do rozmowy.

"
Tego dnia dwa wydania zostały zatrzymane. Żadne z nich nie dotarło do ani jednego odwiedzającego.

Rezultat

Podczas aktualizacji we wrześniu 2026 strona przeszła sześć wdrożeń produkcyjnych jednego dnia. Dwa kolejne kontrole zablokowały przed wyjściem na produkcję: jedno za opisy meta ponad limit długości, drugie za nowe linki zbyt małe, żeby trafić w nie na telefonie. Oba poprawiono u źródła, nie przez poluzowanie budżetu.

Refleksja

Kontrole nie są po to, że nie ufamy pracy. Są po to, żeby praca mogła iść szybko i nikt nie musiał wszystkiego pamiętać.

Następny caseUNIQAProduct design and a design system for an insurance group