Wymagania dotyczące opracowania i konfiguracji strony na WordPress
Ogólne wymagania
Należy wykonać pełną szatę graficzną i integrację zatwierdzonego projektu w systemie zarządzania treścią WordPress.
Wynikiem pracy ma być nowoczesna, szybka, responsywna strona, która w pełni odpowiada projektowi Figma i jest gotowa do dalszej promocji.
CMS
WordPress (najbardziej stabilna wersja)
bez użycia gotowych szablonów (ThemeForest itp.)
własny motyw
czysty kod
zgodność z nowoczesnymi standardami WordPress
Szatkowanie
zgodnie z Figma
responsywność
Desktop
Laptop
Tablet
Mobile
Poprawne wyświetlanie w nowoczesnych przeglądarkach:
Chrome
Firefox
Safari
Strona musi być maksymalnie zoptymalizowana.
optymalizowana struktura HTML
minimalizacja CSS i JavaScript
lazy load obrazów
WebP
responsywne obrazy (srcset)
preload krytycznych zasobów
optymalizacja czcionek
brak zbędnych bibliotek
Wskaźnik PageSpeed:
Desktop — 100
Mobile — 90+
SEO
Podstawowe przygotowanie SEO.
Powinno być zrealizowane:
poprawna struktura H1-H6
tytuł
opis
Open Graph
favicon
robots.txt
sitemap.xml
canonical
Przyjazne URL
schema.org (Organizacja, Lokalny Biznes, Usługa)
Administracja
Wszystkie elementy tekstowe i graficzne powinny być edytowane przez panel administracyjny WordPress.
Edytowalne są:
nagłówki
teksty
przyciski
obrazy
ceny
bloki usług
kontakty
telefony
email
adres
media społecznościowe
FAQ
opinie
pola SEO
Formularze:
Zostaw zgłoszenie
lub podobne: Zamów telefon
Formularze powinny:
przechodzić walidację
działać bez błędów
być zabezpieczone przed spamem
wyświetlać komunikat o pomyślnym wysłaniu
Wysyłanie:
Email
Telegram
Google tabela
Przewidzieć możliwość edytowania:
telefonów
email
adresów
Google Maps
grafiku pracy
Bezpieczeństwo
zabezpieczenie przed spamem
Optymalizacja:
Wykorzystanie nowoczesnych mechanizmów:
cache
optymalizacja CSS
optymalizacja JavaScript
optymalizacja obrazów
WebP
Responsywność:
Strona powinna poprawnie działać na:
Desktop
Laptop
Tablet
Mobile
Bez poziomego scrolla.
Przewidzieć funkcjonalność:
płynny scroll
jakościowe animacje
przyklejony nagłówek (Sticky Header)
menu dla wersji mobilnej
przyciski szybkiego kontaktu
CTA-bloki
FAQ (Akordeon)
Integracje
Przewidzieć możliwość podłączenia:
Google Analytics 4
Google Tag Manager
Meta Pixel
Google Search Console
Google Maps
Telegram
Treść
Wszystkie materiały powinny być łatwe do zmiany przez administratora.
Wymagania dotyczące kodu:
czysty kod
bez zbędnych wtyczek
zgodność z standardami WordPress
brak krytycznych błędów w konsoli przeglądarki
Przekazanie projektu
Po zakończeniu prac wykonawca przekazuje:
archiwum strony
baza danych
motyw WordPress
lista użytych wtyczek
instrukcję aktualizacji i tworzenia kopii zapasowej
dostępy (w razie potrzeby)
Użycie wtyczek
Minimalizować liczbę zewnętrznych wtyczek.
Używać tylko tych, które są naprawdę niezbędne do działania strony.
Testowanie
Przed oddaniem projektu należy sprawdzić:
działanie wszystkich formularzy
poprawność responsywnego szatkowania
prędkość ładowania
brak uszkodzonych linków
działanie wszystkich przycisków
wyświetlanie w popularnych przeglądarkach
poprawność SEO-znaczenia
brak błędów JavaScript
poprawne działanie na urządzeniach mobilnych