Astro
Frontend framework
Tailwind CSS v4
Utility-first styling
Cloudflare Pages
Hosting + Functions
Cloudflare R2
Storage zdjęć z formularzy
Resend
E-maile z formularzy
Problem
Poprzednia strona działała na autorskim CMS-ie, który ograniczał ustawienia SEO, a jej layout wymagał odświeżenia. Firma potrzebowała też rozbudowy treści, zwłaszcza dla poszczególnych miast.
Decyzja
Zamiast rozbudowywać autorski system, zbudować nową stronę od podstaw, z nową strukturą serwisu opartą na podstronach lokalnych.
Realizacja
Nowy layout, podstrony miast przeniesione pod dotychczasowe adresy i połączone linkowaniem wewnętrznym, wersja angielska, strona o targach zagranicznych, metadane SEO dla każdej podstrony i przekierowania 301 ze starych adresów.
Efekt
Uporządkowany, dwujęzyczny serwis, który można dalej rozbudowywać o kolejne treści bez ograniczeń poprzedniego CMS-a.
Nowa strona z odświeżonym layoutem i uporządkowaną strukturą podstron miast, w miejsce serwisu na autorskim CMS-ie.
Creative Agency to agencja hostess obsługująca targi, konferencje i eventy firmowe w całej Polsce. Klienci szukają hostess zwykle w konkretnym mieście, więc widoczność strony w wyszukiwaniach lokalnych ma znaczenie dla pozyskiwania klientów.
Problem
Poprzednia strona działała na autorskim CMS-ie, który ograniczał ustawienia SEO na poziomie poszczególnych podstron. Jej layout wymagał odświeżenia.
Strona miała już podstrony dla głównych miast, ale firma potrzebowała rozbudowy treści, zwłaszcza tych dotyczących poszczególnych miast.
Decyzja
Zamiast rozbudowywać autorski system, zdecydowałem się zbudować nową stronę od podstaw, z nowym layoutem i nową strukturą serwisu.
Punktem wyjścia była struktura, nie wygląd. Podstawą serwisu zostały podstrony lokalne. Istniejące strony miast przeniosłem pod ich dotychczasowe adresy, żeby nie tracić tego, co już było w wyszukiwarce, wdrożyłem dla nich nową treść i połączyłem je linkowaniem wewnętrznym, żeby żadna z nich nie była odizolowana.
Rozwiązanie
Struktura obejmuje 9 głównych podstron miast: Warszawa, Kraków, Wrocław, Poznań, Katowice, Łódź, Szczecin, Kielce i Trójmiasto. Trójmiasto działa jako strona zbiorcza, pod którą są osobne podstrony dla Gdańska, Gdyni i Sopotu.
Każda podstrona lokalna ma własną treść, galerię zdjęć z realizacji w regionie, sekcję pytań i odpowiedzi oraz prowadzi do formularza wyceny.
Stronę rozbudowałem o dwie rzeczy, których wcześniej nie było: osobną stronę o obsłudze targów zagranicznych oraz pełną wersję angielską. Przełącznik języka prowadzi na odpowiednik bieżącej podstrony, a nie na stronę główną.
Doszły też trzy formularze: kontakt, wycena i zgłoszenie dla kandydatek na hostessy, ze zdjęciami przesyłanymi razem ze zgłoszeniem.
Kluczowe decyzje
Linkowanie wewnętrzne zamiast pojedynczych landing page’y
Podstrona miasta, do której nic nie prowadzi, niewiele wnosi. Dlatego strona główna linkuje do wszystkich głównych miast, strona Trójmiasta do Gdańska, Gdyni i Sopotu, a stopka na każdej podstronie zawiera pełną listę miast. Oferta prowadzi dodatkowo do strony o targach zagranicznych.
Wersja angielska jako pełnoprawna część serwisu
Wersja angielska nie jest jedną stroną z tłumaczeniem oferty. Ma własne odpowiedniki podstron miast, strony o targach zagranicznych i formularzy, a każda para podstron jest ze sobą powiązana, żeby wyszukiwarka pokazywała właściwą wersję językową.
SEO ustawiane na poziomie każdej podstrony
To, co w starym CMS-ie było ograniczone, w nowej stronie jest częścią struktury. Każda podstrona ma własny tytuł, opis, adres kanoniczny i powiązanie z wersją językową. Strony lokalne mają dane strukturalne z sekcją FAQ. Mapa strony nadaje priorytety według typu podstrony, a strony podziękowań i formularz zgłoszeniowy są wyłączone z indeksowania.
Stare adresy nie mogły zniknąć
Poprzednia strona miała wiele adresów, m.in. profile hostess i modelek, stare podstrony miast i realizacji. Około 200 z nich przekierowałem na nowe odpowiedniki, a opisy dawnych realizacji zostały pod swoimi dotychczasowymi adresami.
Zmiana dla firmy
Firma ma stronę, której struktura odpowiada temu, jak działa: obsługa wydarzeń w konkretnych miastach i na targach za granicą, w dwóch językach. Wersja angielska pozwala przedstawić ofertę i przyjąć zapytanie po angielsku.
Kolejne treści, np. nowe miasto, to nowa podstrona w tej samej strukturze, z własnymi metadanymi, wersją angielską i miejscem w linkowaniu, bez ograniczeń poprzedniego CMS-a.
Zmiana dla klienta
Firma szukająca hostess na wydarzenie w danym mieście trafia na stronę o tym mieście, widzi zdjęcia z realizacji w regionie i może od razu wysłać zapytanie o wycenę. Klient z zagranicy może zrobić to samo po angielsku.
Rezultat
Przed: autorski CMS ograniczający ustawienia SEO, layout wymagający odświeżenia, tylko polska wersja językowa.
Po: nowy layout, podstrony miast w nowej strukturze z linkowaniem wewnętrznym, wersja angielska, strona o targach zagranicznych, metadane dla każdej podstrony, przekierowania ze starych adresów oraz struktura gotowa na dalszą rozbudowę treści.
Moja rola
Zaprojektowałem nową strukturę serwisu i zbudowałem stronę od podstaw: layout, podstrony lokalne i ich linkowanie wewnętrzne, wersję angielską, stronę o targach zagranicznych, metadane i dane strukturalne, przekierowania starych adresów oraz formularze.
Inne realizacje
Zobacz kolejne projekty, w których technologia musiała dopasować się do procesu.
Masz projekt, który nie mieści się w gotowym schemacie?
Opisz, co chcesz zbudować albo uporządkować.