Case · Producent pokryć dachowych
Dwie marki, jedna baza kodu
Dla IKO Metals Europe przejęliśmy utrzymanie i dalszy rozwój stron Metrotile i Tilcor: modernizacja obydwu stron i przeniesienie do Umbraco Cloud, jedna wspólna baza kodu dla dwóch marek, znacznie lepsza wydajność i stała opieka.
- 1
baza kodu dla dwóch marek zamiast dwóch osobnych repozytoriów
- 16
wersji stron: po 8 na markę, wersja międzynarodowa i 7 krajowych
- < 5 GB
mediów na stronę po uporządkowaniu bibliotek
- 96,6
średni wynik wydajności Lighthouse na desktopie, 10 kluczowych stron
Na tej stronie
PorozmawiajmyWyzwanie
W 2025 roku odpowiedzialność za europejskie strony Metrotile i Tilcor przejął europejski zespół IKO Metals, który szukał nowego partnera Umbraco. Po rozmowach z różnymi agencjami wybrał Idea Makers. Przejęliśmy utrzymanie i dalszy rozwój obydwu stron, a modernizacja okazała się bardziej wymagająca niż zwykle.
- [01]
Starsza wersja platformy
Obydwie strony działały na wersji Umbraco, której wsparcie dobiegało końca.
- [02]
Rozpoczęta modernizacja
Nowa wersja stron była w przygotowaniu: część panelu redakcyjnego i funkcji wymagała dokończenia, a treści trzeba było dopiero przenieść.
- [03]
Niska wydajność
W testach przed startem strony nowej wersji ważyły 8–28 MB, a główna treść pojawiała się na symulowanym łączu mobilnym po 20–60 sekundach, wobec około 7 sekund na starej stronie.
- [04]
Dwa repozytoria, ten sam kod
Każda marka miała osobne repozytorium z tym samym kodem. Każdą poprawkę trzeba było wprowadzić i wdrożyć osobno dla obydwu marek.
- [05]
Rozpoznanie projektów
Przejęcie wymagało samodzielnego poznania obydwu projektów oraz ich integracji i zależności.
- [06]
Pomieszane i zdublowane media
Każda marka miała osobną bibliotekę, ale w obydwu znajdowały się zdublowane pliki Metrotile i Tilcor oraz liczne nieużywane media. Łącznie media zajmowały prawie 16 GB. Uporządkowanie bibliotek pomogło ograniczyć zajmowane miejsce i koszty hostingu w Umbraco Cloud.
- [07]
Dwa działające biznesy
Każda strona ma wersję międzynarodową i 7 krajowych. Metrotile: Niemcy, Polska, Słowenia, Słowacja, Irlandia, Włochy, Kazachstan. Tilcor: Polska, Ukraina, Słowenia, Słowacja, Rumunia, Litwa, Kazachstan. Zespoły sprzedaży korzystają z nich codziennie, więc przełączenie musiało odbyć się bez przestoju.
Co zrobiliśmy
- 01
Fundament pod naszą kontrolą
Na start przejęliśmy i uporządkowaliśmy kod obydwu stron, przenieśliśmy go do Umbraco Cloud i zautomatyzowaliśmy wdrożenia. Dotychczasowe strony działały w tym czasie bez zmian.
- 02
Migracja narzędziami Umbraco
Treści przenieśliśmy przez Umbraco Deploy z użyciem własnych konektorów i konwerterów, bez ręcznego przepisywania i bez ryzyka utraty danych.
- 03
Rozdzielone media
Sprawdziliśmy, których plików używa każda marka, uporządkowaliśmy osobne biblioteki Metrotile i Tilcor oraz usunęliśmy nieużywane media. Po uporządkowaniu każda strona zajmuje mniej niż 5 GB, co ogranicza zapotrzebowanie na przestrzeń i koszty hostingu w Umbraco Cloud.
- 04
Dokończone funkcje
Dokończyliśmy to, czego brakowało w nowej wersji, naprawiliśmy to, co nie działało, i przeszliśmy przez zgłoszenia z testów akceptacyjnych. Uzupełniliśmy też podstawy techniczne SEO.
- 05
Wydajność
Dwa tygodnie po starcie pierwszej marki zoptymalizowaliśmy wspólny kod: obrazy i zasoby, ładowanie, renderowanie i aplikację. Średnia waga strony spadła z 10,8 MB do 0,9 MB.
- 06
Przełączenie bez przestoju
Nowe wersje uruchamialiśmy dopiero, gdy były w pełni gotowe. Metrotile ruszyło w październiku 2025, Tilcor w lutym 2026.
Jedna baza kodu, dwie marki
Wspólny kod dla wielu stron Umbraco Cloud oferuje w ramach dodatkowej subskrypcji. My osiągnęliśmy ten sam efekt bez dodatkowych kosztów licencyjnych.
- Jeden wspólny kod dla obydwu stron, każda w wyglądzie i ustawieniach swojej marki.
- Poprawki i nowe funkcje przygotowujemy raz, a korzystają z nich obydwie marki.
- Każda marka ma osobne treści, media i panel redakcyjny.
Przed
Dwa repozytoria
Ten sam kod w osobnym repozytorium dla każdej marki.
- Każda poprawka robiona dwa razy
Teraz
Jedno repozytorium
Wspólny kod, a treści, media i dane każdej marki osobno.
- Zmiana przygotowywana raz dla obydwu marek
- Trafia na obydwie marki z kolejnym wdrożeniem
- Automatyczne wdrożenia
Zespół IKO Metals nadal decyduje dla każdej marki osobno, czy i kiedy zmiana trafia na stronę, a marki nigdy nie współdzielą treści ani danych.
Przed i po
| Obszar | Przy przejęciu | Dziś | Zmiana |
|---|---|---|---|
| Platforma regularnie aktualizowana | Starsza wersja | Aktualna wersja | wspierana |
| Hosting przeniesiony do chmury | Własny serwer | Umbraco Cloud | chmura |
| Repozytoria kodu ten sam kod dla obydwu marek | 2 | 1 | zmiana raz |
| Media osobne biblioteki z duplikatami → uporządkowane dla każdej marki | ~16 GB | < 5 GB | na stronę |
Wydajność
Nie zaczynaliśmy od czystej karty. Przygotowana wcześniej nowa wersja miała wprawdzie lepszy wynik na desktopie niż dotychczasowa strona, ale była cięższa, a na telefonach główna treść pojawiała się średnio po 30 sekundach zamiast 7. Po naszej optymalizacji strona jest szybsza od obydwu wersji. Obydwie marki działają na tym samym kodzie i szablonach, więc wyniki dotyczą obydwu stron.
| Lighthouse | Dotychczasowa strona | Po naszej optymalizacji |
|---|---|---|
| Wydajność, desktop | 68 | 97 |
| Wydajność, mobile | 63 | 80 |
Krok 1 · dotychczasowa strona a nowa wersja przed optymalizacją
| Metryka | Dotychczasowa strona | Nowa wersja przed optymalizacją | Zmiana |
|---|---|---|---|
| Wynik wydajności desktop, średnio | 67,5 | 84,8 | ↑ +17,3 pkt |
| Wynik wydajności mobile, średnio | 63,3 | 63,9 | ↑ +0,6 pkt |
| Średnia waga strony desktop | 7,4 MB | 11,9 MB | ↓ +61% · pogorszenie |
| Largest Contentful Paint mobile, średnio | 6,8 s | 30,5 s | ↓ +349% · pogorszenie |
Krok 2 · nowa wersja a nasza optymalizacja
| Metryka | Nowa wersja przed optymalizacją | Po optymalizacji | Zmiana |
|---|---|---|---|
| Strony z wynikiem 90+ desktop, z 10 stron | 3 | 9 | ↑ +6 |
| Średnia waga strony | 10,8 MB | 0,9 MB | ↓ −92% |
| Largest Contentful Paint desktop, średnio | 3,00 s | 1,15 s | ↓ −62% |
| Largest Contentful Paint mobile, średnio | 43,4 s | 4,7 s | ↓ −89% |
Strona główna i „Why Metrotile” osiągnęły na desktopie wynik 100. Najcięższa strona, Inspiration, zeszła z 28,5 MB do poniżej 1 MB, a czas ładowania na telefonie z około dwóch minut do 4 sekund.
Jak pracowaliśmy
- wiosna 2025
Początek współpracy
Pierwsze rozmowy, akceptacja oferty i umowa serwisowa.
- lipiec 2025
Migracja Metrotile
Zamrożenie treści, migracja i start testów akceptacyjnych.
- sierpień–wrzesień 2025
Poprawki i wspólny kod
Poprawki z testów i jedno repozytorium dla obydwu marek.
- październik 2025
Start nowej metrotile.eu
Przełączenie bez przestoju, dwa tygodnie później optymalizacja wydajności.
- listopad 2025 – styczeń 2026
Migracja Tilcor
Przeniesienie treści i poprawki.
- luty 2026
Start nowej tilcor.eu
Druga marka na wspólnym kodzie, bez przestoju.
- od lutego 2026
Stała opieka
Wsparcie i hosting, aktualizacje Umbraco, nowe funkcje.
Dlaczego to zadziałało
Najpierw stabilizacja, potem zmiany
Najpierw uporządkowaliśmy i zabezpieczyliśmy przejęty kod, a dopiero potem zaczęliśmy go rozwijać. Dotychczasowe strony działały, dopóki nowe nie były gotowe.
Tylko wspierane narzędzia
Do migracji wykorzystaliśmy Umbraco Deploy dostępne w ramach licencji Umbraco Cloud. Przygotowaliśmy własne konektory i konwertery do przeniesienia treści, a następnie zweryfikowaliśmy wyniki. Migrację mogliśmy powtarzać i przećwiczyć przed startem.
Jedna marka naraz
Metrotile poszło pierwsze. Wszystko, czego się tam nauczyliśmy, od mapowania treści po poprawki wydajności, było już we wspólnym kodzie, gdy przyszła kolej na Tilcor.
Najpierw pomiar, potem optymalizacja
Przed startem porównaliśmy nową wersję z dotychczasową stroną, więc klient widział dokładnie, co się zmieniło i dlaczego.
Słowo od klienta
To, co zaczęło się od zwykłej rozmowy telefonicznej, przerodziło się w partnerstwo, które naprawdę zmienia obecność IKO Metals w świecie cyfrowym. […] Współpraca z Idea Makers przypomina pracę z naszym własnym zespołem. Poważnie traktują każde wyzwanie, duże i małe, komunikują się otwarcie, dotrzymują obietnic i często dają od siebie coś więcej, co naprawdę robi różnicę.
Co dalej
Po migracji praca przeszła z fazy naprawiania na fazę rozwijania. Kolejnym krokiem jest aktualizacja obydwu stron do najnowszej wersji Umbraco, nad którą już pracujemy z klientem. Dzięki wspólnej bazie kodu to jedna aktualizacja dla obydwu marek. Pracujemy też z zespołem IKO Metals nad nowymi narzędziami dla odwiedzających.
Chcesz przejść na Umbraco Cloud albo zaktualizować Umbraco do 17?
Opisz krótko, na jakiej wersji Umbraco działa Twoja strona i ile ma wersji językowych. Podpowiemy, od czego zacząć i ile to potrwa.