Redesign strony czy nowa strona: jak wybrać właściwe rozwiązanie

Co zmienia się przy odświeżeniu, redesignie i budowie od nowa?

Słowami takimi jak „refresh” i „redesign” wykonawcy określają bardzo różne prace. W briefie napisz, które podstrony i funkcje mają się zmienić, a które zostać. Adresy URL podstron można zachować także przy budowie od nowa. Sprawdź je również przy odświeżeniu wizualnym, bo zmiany w projekcie mogą wpłynąć na linki i treści.

Jak ustalić, co jest nie tak z obecną stroną

Zaangażuj osoby, które publikują treści i opiekują się stroną, oraz kogoś z firmy, kto może podejmować decyzje. Poproś programistę o pełną listę adresów URL z mapy witryny i ze skanowania strony. Jeśli korzystasz z narzędzia analitycznego i Search Console, sprawdź w nich, które podstrony przyciągają odwiedzających i ile zapytań wpływa. Zanim zinterpretujesz spadek, upewnij się, że śledzenie i wysyłanie formularzy działają.

Zacznij od ośmiu różnych adresów URL: strony głównej, dwóch podstron usług, case study, artykułu, strony kontaktowej oraz dwóch podstron, na które trafia ruch z wyszukiwarki lub kampanii. Jeśli te dwie ostatnie masz już na liście, wybierz inne. Typy podstron, których Twoja strona nie ma, zastąp podstronami o innym układzie i zapisz swój wybór. Dodaj pominięte ważne ścieżki, na przykład zakup albo logowanie do strefy dla członków.

Ten plan daje 16 + 6 + 4 + 4 = 30 zapisów. Przy dodatkowych podstronach lub funkcjach dopisz kolejne. W dwóch zadaniach dla użytkowników możesz użyć takich poleceń: „Chcesz wiedzieć, czy ta usługa może rozwiązać Twój problem. Znajdź coś, co pomoże Ci zdecydować, i powiedz, dlaczego” oraz „Chcesz otrzymać wycenę. Sprawdź, jak ją zamówić, i przejdź do formularza, bez jego wysyłania”. Nie podpowiadaj, gdzie kliknąć, kiedy ktoś wykonuje zadanie.

Przy każdym teście zapisz, czego oczekiwano, co się stało, jak to udokumentować i co trzeba zmienić. Wyznacz osobę odpowiedzialną za rozwiązanie problemu. Oddzielaj kontrole podstron, próby użytkowników i testy techniczne. Jeśli cztery z sześciu prób użytkowników kończą się powodzeniem bez pomocy, zapisz, które dwie sprawiły trudność i dlaczego. Te 4 z 6 opisują obserwowane osoby. Żeby wnioskować o wszystkich odwiedzających, potrzeba więcej danych.

Jakie ograniczenia techniczne sprawdzić przed podjęciem decyzji?

Publikowanie i treści. Poproś redaktora, by z przypisanymi mu uprawnieniami utworzył wersję roboczą, sprawdził podgląd i opublikował ją. Sprawdź też historię wersji, obsługę języków i możliwość eksportu tekstów i obrazów. Jeśli brakuje potrzebnej funkcji, zapytaj programistę, czy da się ją dodać do obecnego CMS, jakich zmian by to wymagało i ile by kosztowało.

Utrzymanie kodu. Zapytaj, które komponenty nadal dostają aktualizacje, kto się nimi zajmuje i jak odtworzyć stronę z kopii zapasowej. Poproś programistę o wykonanie rutynowej zmiany na stronie testowej. Jeśli nieobsługiwany komponent stale blokuje ważne funkcje, rozważ jego wymianę albo przebudowę większej części strony. Sam wiek strony nie mówi jeszcze, jakie prace są potrzebne.

Integracje i dostęp. Sprawdź z programistą połączenie z CRM i eksport danych. Firma powinna wiedzieć, kto kontroluje domenę, hosting, kod i konta oraz jak odzyskać dostęp przy zmianie wykonawcy. Jeśli umowa lub system ogranicza dostęp, najpierw wyjaśnij warunki zakończenia współpracy i sposób przekazania danych.

Dostępność i szybkość. Słaby kontrast można czasem poprawić zmianą koloru; menu, którego nie da się obsłużyć klawiaturą, może wymagać nowego komponentu. Zleć przetestowanie poprawki na reprezentatywnej podstronie. Przy wolnych podstronach poproś programistę o zmierzenie wydajności przed pracami i po nich, w tych samych warunkach, oraz o wyjaśnienie pozostałych problemów.

Przy dostępności pomaga przegląd WCAG przygotowany przez W3C, dzięki któremu ustalisz, co sprawdzać. Uzgodnij ze specjalistą wersję, poziom zgodności i podstrony do oceny. Raport powinien obejmować także ręczne sprawdzenie obsługi klawiaturą, fokusu, etykiet i komunikatów o błędach. Automatyczny wynik nie zastępuje tych kontroli.

Jak porównać oferty wykonawców

Wypisz swoje podstawowe wymagania, takie jak publikowanie bez programisty, odbieranie zapytań w CRM czy zachowanie określonych adresów URL. Poproś każdego wykonawcę o pokazanie, jak te funkcje miałyby działać. W zestawieniu oznacz każde wymaganie jako „działa w teście”, „niewykonalne” lub „wymaga przetestowania” i podlinkuj zrzut ekranu, prototyp albo wynik testu.

Odrzuć ofertę, która nie zapewni podstawowej funkcji. Jeśli nikt jeszcze nie przetestował funkcji, zażądaj testu przed wyborem. Wśród ofert spełniających wymagania porównaj cenę, harmonogram i nakład pracy, który spadnie na Twój zespół.

Jeśli formularz kontaktowy nie dostarcza zapytań, napraw go przed usuwaniem usterek wizualnych. W przeciwnym razie osoby, które się z Tobą kontaktują, mogą nigdy nie dostać odpowiedzi. Ustal priorytety: zapisz, w którym zadaniu przeszkadza każdy problem i jak często się pojawiał. Łączna liczba usterek nie mówi, jak poważne są.

Przykład: redesign strony z zachowaniem CMS

Weźmy firmę ze stroną o 40 podstronach, w jednym języku, z formularzem połączonym z CRM i dwoma redaktorami. Chce jaśniej przedstawić swoje usługi i umożliwić zespołowi samodzielną aktualizację tekstów i obrazów. Podczas testu w trzech z sześciu prób użytkownicy utykają na menu nawigacji. Wszystkie cztery zadania publikacyjne się udają, CRM poprawnie obsługuje wszystkie cztery scenariusze, a przegląd utrzymania nie wykazuje przeszkód technicznych. Potrzebne są nowe menu i trzy szablony podstron.

Firma porównuje trzy podejścia. Odświeżenie wizualne zostawiłoby menu bez zmian, więc nie rozwiązałoby zaobserwowanego problemu. Redesign w obecnym CMS i budowa od nowa obejmują nowe menu. W każdym prototypie wszyscy trzej uczestnicy wykonują oba zadania bez pomocy: sześć udanych prób na ofertę. Teraz firma może porównać koszty tych dwóch opcji w zakresie przetestowanych zadań.

Kosztorysy obejmują przegląd wszystkich 40 podstron, ponowne wykorzystanie odpowiednich treści, prace nad trzema szablonami, formularz i CRM, uzgodnione kontrole dostępności, sprawdzenie adresów URL, szkolenie i uruchomienie. W tym hipotetycznym przykładzie przyjmujemy stawkę wykonawcy 60 zł za godzinę, pracę własną po 30 zł za godzinę i podane niżej liczby godzin. Są to przykładowe wartości w złotych, a nie stawki rynkowe ani oferta Qreativa.

Suma obejmuje wynagrodzenie wykonawcy, pracę własną i 12 miesięcy utrzymania oraz licencji. Wynagrodzenie wykonawcy podano bez VAT i innych należnych opłat. Czas pracy pracowników jest kosztem firmy, odrębnym od faktury wykonawcy. Przykład nie zakłada innych wydatków. Utrzymanie obejmuje aktualizacje, kopie zapasowe i licencje, ale nie nowe funkcje.

Harmonogram zakłada, że materiały są gotowe, w firmie jest dostępna osoba kontaktowa, a jedna runda akceptacji wystarczy. Tygodnie obejmują poprawki i oczekiwanie: pokazują czas kalendarzowy do uruchomienia, a nie tylko godziny pracy.

Firma wybiera redesign, ponieważ rozwiązuje zaobserwowane problemy i w pierwszym roku kosztuje o 4560 zł mniej niż budowa od nowa. Nowy system pozwoliłby zaoszczędzić na utrzymaniu 40 zł miesięcznie, czyli 480 zł w 12 miesięcy, co jest już wliczone w sumy. To porównanie dotyczy kosztów i przetestowanych funkcji. Czy liczba zapytań wzrośnie, można ocenić dopiero na podstawie danych ze strony po uruchomieniu.

Pomoc w planowaniu budżetu znajdziesz w poradniku „Ile kosztuje strona internetowa”. Poproś wykonawców o wycenę tych samych podstron i funkcji oraz o wyszczególnienie dodatków, licencji, wsparcia, czasu, który musi poświęcić Twój zespół, i kosztów, które poniesiesz, jeśli później zmienisz wykonawcę.

Co zachować podczas projektu

Zanim zmienisz stronę, spisz dla każdej ważnej podstrony jej adres URL, treści do zachowania, linki, pliki do pobrania i zadania, które mają wykonać odwiedzający. Zapisz wyjściowe dane o ruchu i zapytaniach, jeśli śledzenie jest wiarygodne, oraz pomiary szybkości. Posłużą do sprawdzenia strony po pracach.

Jeśli adresy URL się zmieniają, wskazówki Google dotyczące przenoszenia witryny zalecają przypisać stare podstrony do nowych, ustawić odpowiednie przekierowania i zaktualizować linki wewnętrzne. Wyznacz odpowiedzialnych, zanim zacznie się programowanie. Za pomocą listy kontrolnej migracji SEO przygotujesz spis adresów URL i późniejsze kontrole.

W projekcie prowadzonym etapami możesz zacząć od jednej podstrony usługi i jej formularza. Zdecyduj, kto aktualizuje treści, dopóki stare i nowe podstrony działają obok siebie, oraz jak zachować spójność nawigacji i połączeń z CRM. Sprawdź podstronę pilotażową, zanim poszerzysz prace, i uwzględnij nakład pracy na utrzymanie obu wersji.

Co zawrzeć w briefie i sprawdzić przy odbiorze

Przekaż każdemu wykonawcy ten sam dokument z celami, grupą odbiorców, spisem podstron, zaobserwowanymi problemami i wymaganymi funkcjami. Określ, które treści wykorzystasz ponownie lub napiszesz na nowo, jakie systemy trzeba połączyć oraz kto dostarczy materiały, dostępy i akceptacje. Dołącz notatki z testów i podaj budżet oraz terminy.

Przy każdym zadaniu zapytaj, co obejmuje cena, kto wykona pracę i jak sprawdzisz wynik. Uzgodnij, kto może zatwierdzać dodatkowe prace. Przy odbiorze możesz podzielić kontrole tak:

Osiem podstron wybranych na początku pomaga wykryć problemy, ale przy odbiorze trzeba jeszcze sprawdzić pełny spis adresów URL. Jeśli projekt wymaga akceptacji przed publikacją, przetestuj ten krok na kontach osób, których dotyczy.

Przed uruchomieniem ustal, kto wyda zgodę, które usterki trzeba usunąć i jak przywrócić poprzednią wersję, jeśli ważna funkcja przestanie działać. Po uruchomieniu uzgodnij z zespołem testowe wysłanie formularza i wyznacz termin przeglądu błędów, publikowania i analityki.

Jeśli potrzebujesz pomocy w koordynacji treści, projektu i programowania, usługa projektowania i tworzenia stron internetowych Qreativa to punkt wyjścia, by razem z naszym zespołem określić zakres prac.

Jak zapisać porównanie ofert

Wybierz osiem adresów URL i uporządkuj kontrole. Załóż osobny zapis dla każdego z 30 testów i w razie potrzeby dodaj kolejne. Porównaj proponowane funkcje i koszty, a następnie zapisz decyzję, osobę, która ją zatwierdza, i osobę, która sprawdza pracę. Jeśli brakuje jeszcze jakiegoś testu, zanotuj, kto go wykona i kiedy, zanim oznaczysz wymaganie jako spełnione.