Jak przygotować materiały
do strony internetowej firmy?

Zanim zbierzesz pliki, zapisz, komu ma służyć witryna i co użytkownik powinien móc na niej zrobić. Może chodzić o zapytanie o konkretną usługę, ocenę portfolio, wybór produktu lub umówienie rozmowy. Sam cel „nowoczesna strona” nie rozstrzyga, jakie informacje będą potrzebne. Inny materiał przygotujesz dla inwestora porównującego wykonawców, a inny dla klienta składającego powtarzalne zamówienie. Określ też, które obszary oferty mają być najważniejsze.

Nie musisz pisać rozbudowanej strategii. Przygotuj krótkie odpowiedzi: kto kupuje, z czym przychodzi, co chce wiedzieć przed kontaktem i czego oczekujesz od strony. Dopisz, jak wygląda dalsza obsługa zapytania. Jeśli firma nie ma wspólnej odpowiedzi na te pytania, warto uzgodnić ją przed projektowaniem. Rozbieżność między właścicielem, sprzedażą i osobą oceniającą wygląd łatwo zamienia się później w sprzeczne poprawki. Wspólny punkt wyjścia pozwala oceniać projekt według celu, a nie tylko osobistych preferencji.

Dla kluczowej usługi zapisz, dla kogo jest przeznaczona, jaki problem rozwiązuje, co obejmuje i czego nie zawiera. Dodaj przebieg współpracy oraz informację, co klient otrzymuje na końcu. Jeśli zakres ustala się indywidualnie, wyjaśnij, od jakich danych zależy propozycja. Nie musisz samodzielnie tworzyć hasła reklamowego. Rzetelne odpowiedzi są lepszym materiałem do redakcji niż kilka efektownych zdań bez szczegółów. Podobny schemat można wykorzystać przy grupach produktów.

Oddziel fakty obowiązujące zawsze od możliwości wymagających uzgodnienia. „Realizujemy dostawy” może znaczyć coś innego niż „każde zamówienie obejmuje bezpłatny transport”. Jeżeli różnica wpływa na oczekiwania klienta, powinna być opisana jasno już w materiale źródłowym. Zaznacz usługi wycofane, sezonowe i planowane, aby nie trafiły przypadkowo do aktualnej oferty. Przy większym katalogu zacznij od reprezentatywnych przykładów i zasad opisu. Pozwoli to ustalić wzorzec przed przygotowaniem wielu podobnych podstron.

Przekaż logo, warianty kolorystyczne, paletę, informacje o typografii i istniejące zasady identyfikacji. Jeśli firma ma gotowy key visual, potrzebne są jego źródła oraz wskazanie elementów, które powinny pozostać stałe. Sama nazwa folderu „nowe logo” nie gwarantuje, że zawiera ostatnią wersję. Warto wyraźnie oznaczyć pliki zatwierdzone i oddzielić je od szkiców. Przy fontach i materiałach graficznych ustal, jakie zastosowania obejmuje posiadana licencja.

Pokaż również kilka własnych materiałów, które dobrze reprezentują markę. Jeśli odwołujesz się do cudzej strony, opisz, co jest w niej przydatne: rytm sekcji, czytelność, sposób prezentacji produktu czy klimat fotografii. Cała witryna konkurenta nie powinna być traktowana jako instrukcja kopiowania. Najważniejsze jest wspólne rozumienie kierunku. Dobrze zapisany standard pozwala projektować kolejne podstrony bez ponownego wybierania kolorów, stylu zdjęć i charakteru elementów przy każdej aktualizacji.

Osoba wdrażająca stronę powinna wiedzieć, dlaczego dane zdjęcie znalazło się w danym miejscu. Fotografia realizacji może ilustrować efekt prac, a niewielki gest graficzny jedynie zdobić układ. To różne role. W3C zaleca dobieranie tekstu alternatywnego do znaczenia i funkcji obrazu; dekoracje mogą mieć pusty atrybut alt, a obraz będący jedyną treścią linku powinien wyjaśniać jego cel. Nie ma sensu wpisywać tej samej frazy SEO do każdego obrazka.

Dla ilustracji projektu przygotuj prosty opis tego, co jest istotne. Wykres wymaga także czytelnego objaśnienia danych, a nie tylko podpisu „wykres wyników”. Google zwraca uwagę na kontekst obrazu, trafny opis i sposób jego osadzenia. To argument za połączeniem fotografii z odpowiadającą jej treścią, nie za kolekcjonowaniem przypadkowych grafik. Wielkość plików i warianty dopasowane do ekranu ustala się podczas wdrożenia. Na etapie zbierania materiałów najważniejsze są oryginał, znaczenie i poprawny opis.

Źródła: W3C — wybór tekstu alternatywnego; Google — dobre praktyki dotyczące obrazów.

Przy każdym materiale warto zapisać jego pochodzenie oraz osobę, która może potwierdzić możliwość wykorzystania. Dotyczy to zdjęć, logotypów klientów, referencji, dokumentów i wyników projektu. Nie zakładaj, że plik dostępny w firmowym folderze automatycznie nadaje się do publikacji na stronie. Część materiałów mogła zostać przekazana wyłącznie do pracy nad zleceniem. Gdy zakres uprawnień jest niejasny, wyjaśnij go przed projektowaniem sekcji opartej na tym pliku.

Ten etap jest organizacyjną kontrolą materiałów, nie gotową oceną prawną konkretnego przypadku. Wątpliwości wymagają sprawdzenia właściwych umów lub konsultacji. W praktyce przydaje się prosty status: do użytku publicznego, wymaga potwierdzenia, wyłącznie materiał roboczy. Nie przesyłaj do publicznej biblioteki plików poufnych po to, żeby później zastanawiać się nad ich wykorzystaniem. Jeśli realizacja ma być anonimowa, sprawdź również zdjęcia i szczegóły opisu, które mogą ujawniać nazwę klienta mimo usunięcia jej z nagłówka.

Jeśli przebudowujesz istniejącą stronę, przygotuj listę ważnych adresów, przydatnych treści, formularzy i materiałów do zachowania. Zwróć uwagę na podstrony, które wykorzystujesz w rozmowach lub reklamach. Osoba projektująca nową wersję powinna wiedzieć, co pełni konkretną rolę, nawet jeśli wygląda mniej atrakcyjnie niż reszta serwisu. Bez takiej listy łatwo usunąć wartościową realizację albo ścieżkę kontaktu podczas porządkowania układu.

Przydatne są dane z Search Console i narzędzia analitycznego, o ile zostały poprawnie skonfigurowane. Pomagają wskazać strony i zapytania wymagające uwagi. Dostęp przekazuj w uzgodniony sposób, bez wpisywania haseł do dokumentu z treścią. Zmianę adresów trzeba zaplanować wraz z przekierowaniami i kontrolą linków. Warto też zapisać stan przed przebudową i datę publikacji, aby później porównywać wyniki z kontekstem. Sama zmiana wyglądu nie uzasadnia usuwania wszystkich starych tekstów ani budowania struktury od zera.

Najwięcej zamieszania powstaje wtedy, gdy kilka osób ocenia projekt według różnych kryteriów i przekazuje uwagi osobno. Wybierz osobę zbierającą komentarze oraz eksperta potwierdzającego fakty. Ustal, które decyzje dotyczą oferty, które języka, a które wyglądu. Uwagi powinny odnosić się do konkretnego fragmentu i wyjaśniać problem. „Nie podoba mi się” nie wskazuje, co wymaga zmiany. „Nie widać, że usługa obejmuje także montaż” daje jasny kierunek poprawki.

Zacznij od zaakceptowania struktury i wzorcowej podstrony. Dopiero potem przenoś ustalenia na cały serwis. Przy zmianie wcześniej zatwierdzonego kierunku zapisz, co ją uzasadnia i jakie elementy obejmie. Nie trzeba bronić każdej dawnej decyzji, ale warto rozumieć koszt jej konsekwencji. Po zamknięciu etapu zachowaj krótkie podsumowanie: co przyjęto, co pozostało otwarte i co będzie sprawdzane przy kolejnym przeglądzie. Taki proces ogranicza powracanie do tych samych pytań i ułatwia ocenę, czy poprawka rzeczywiście rozwiązuje problem.

Przegląd gotowej strony zacznij od typowego zadania klienta. Wejdź na usługę, znajdź przykład, sprawdź zakres i przejdź do kontaktu. Zrób to na komputerze oraz telefonie. Zwróć uwagę na czytelność, działanie linków, kadrowanie zdjęć i informacje przy formularzu. Sam poprawny wygląd pierwszego ekranu nie oznacza, że cała droga działa. Sprawdź również pobierane pliki, dane kontaktowe i sposób prezentacji wariantów, jeśli występują w ofercie.

Oddziel kontrolę faktów od oceny stylistycznej i technicznej. Ekspert powinien potwierdzić informacje, osoba odpowiedzialna za markę spójność prezentacji, a wykonawca wdrożenia działanie uzgodnionych funkcji. Test doręczenia formularza warto przeprowadzić z ustalonym odbiorcą i rozpoznawalną wiadomością testową. Po publikacji sprawdź wersję dostępną zwykłemu użytkownikowi, nie wyłącznie podgląd administratora. Zapisz datę, zakres zmian i otwarte kwestie. Szczegóły procesu omawiamy w ofercie stron internetowych dla firm.