Przeniesienie Akveo.com z Webflow na stronę opartą na AI

Nasza własna strona, akveo.com, przerosła Webflow. Przenieśliśmy wszystkie ponad 460 podstron na stronę opartą na AI, zbudowaną w Astro. Teraz marketing wprowadza zmiany z pomocą agenta AI, zamiast czekać na programistę, i publikuje nową podstronę w 15 minut zamiast 3 godzin.

[ Klient ]

O kliencie

Klientem jesteśmy my: akveo.com, strona marketingowa licząca ponad 460 podstron, z blogiem, realizacjami i stronami usług. Chcieliśmy, aby marketing samodzielnie zmieniał stronę z pomocą agenta AI, bez udziału projektanta Webflow czy programisty.

15 min
na publikację nowej podstrony zamiast 3 godzin: 97%
mniej JavaScriptu na stronie głównej (340 KB → 9 KB): 5
języków z jednego źródła treści

[ Wyzwanie ]

Webflow nie wyeliminował programisty z procesu

Przeszliśmy na Webflow, aby usunąć programistę z łańcucha: marketing → projekt → programista → strona. Przez jakiś czas to działało, potem strona przerosła platformę.

Każda zmiana nadal wymagała projektanta znającego Webflow.
Platforma osiągnęła swoje limity, a strona zapełniła się obejściami.
Każda zmiana trwała długo.
Strony stały się ciężkie: strona główna ładowała 30 plików JavaScript, 340 KB, w tym dwie różne wersje jQuery.
Te same treści były zapisane wielokrotnie: jedna opinia klienta znajdowała się w 99 plikach, formularz kontaktowy w 258.
Zduplikowane pliki zajmowały miejsce i spowalniały każdą edycję.
Treści były wymieszane z kodem, więc nowy język oznaczał skopiowanie całej strony.

[ Rozwiązanie ]

Jak przenieśliśmy stronę

1. Zapis działającej strony

Wyeksportowaliśmy wszystko: HTML wszystkich ponad 460 podstron, wszystkie kolekcje CMS z każdym polem, własne skrypty, style, fonty i obrazy. Projekt przygotowany przez naszego projektanta Webflow pozostał dokładnie taki, jaki był: bez przeprojektowywania szablonów.

2. Mapowanie treści i szablonów

Przypisaliśmy każdą kolekcję i podstronę do typu treści i szablonu strony, ze ścisłymi regułami dla każdego pola. Adresy URL pozostały bez zmian.

3. Oddzielenie treści od projektu

Cały tekst znajduje się w plikach Markdown i YAML, oddzielnie od projektu. Każdy element treści jest zapisany raz i wykorzystywany wszędzie. Nowy język to po prostu przetłumaczony tekst obok oryginału: strona działa obecnie po angielsku, niemiecku, francusku, hiszpańsku i niderlandzku.

4. Przebudowa w Astro

Astro generuje każdą podstronę z wyprzedzeniem i wysyła odwiedzającym tylko kod, którego dana podstrona potrzebuje. Bez Reacta i bez frameworka działającego w przeglądarce. Wyniki Google PageSpeed wzrosły we wszystkich kategoriach.

5. Automatyczne kontrole przy każdej zmianie

Przed uruchomieniem porównaliśmy każdą podstronę z działającą stroną: tekst, linki, obrazy, tagi SEO i zrzuty ekranu były zgodne. Od tego czasu każda zmiana przechodzi przez pull request. GitHub Actions sprawdza formatowanie, kod, reguły treści, linki i obrazy, buduje każdą podstronę, a następnie otwiera stronę w prawdziwej przeglądarce, aby przetestować podstrony, formularze, dostępność i budżet wydajności. Jeśli którakolwiek kontrola się nie powiedzie, zmiana nie trafi na produkcję. Railway wdraża stronę po przejściu kontroli, a cotygodniowy audyt wychwytuje niedziałające linki zewnętrzne.

[ Rezultaty ]

Wpływ, który się liczy

Strona działa teraz na naszym własnym kodzie, a marketing zmienia ją razem z agentem AI za pomocą zwykłych pull requestów.

Nowa podstrona w 15 minut

Marketing publikuje nową podstronę w 15 minut zamiast 3 godzin.

Szybsze testy marketingowe

Marketing testuje hipotezę tego samego dnia, bez programisty i bez CMS.

Zamiast CMS – agent AI

Nie trzeba budować CMS, płacić za niego ani uczyć się jego obsługi. Jedno polecenie dla agenta AI aktualizuje każdą podstronę, łącznie z niestandardowymi zmianami SEO w całej witrynie.

[ Stos technologiczny ]