Techniczne wdrożenie dwujęzycznego serwisu usługowego na Kadence – Szybiarze

Szczegóły projektu

• Klient / branża: Szybiarze – motoryzacja, serwis szyb samochodowych.
• Zakres: wdrożenie techniczne wg projektu Figma w dwóch językach (PL/EN), konfiguracja wielojęzyczności, stylowanie custom CSS, integracja feedu Instagrama, podstawowe SEO i konfiguracje wydajności.
• Technologia: WordPress, motyw Kadence WP, pakiet wtyczek WPML (Multilingual CMS, String Translation, SEO), Smash Balloon Instagram Feed, Kadence Elements, SEOPress PRO, niestandardowy CSS, LiteSpeed Cache.
• Rola zespołu: wdrożenie techniczne, integracje, konfiguracja wtyczek i ustawień, podstawowa optymalizacja SEO, dodanie tłumaczenia stron (wielojęzyczność)

O kliencie

Szybiarze to nowoczesny serwis specjalizujący się w kompleksowych usługach związanych z szybami samochodowymi. Firma łączy fachową wiedzę z najnowszymi technologiami, oferując klientom szeroki zakres usług – od standardowych napraw i wymian, po zaawansowaną kalibrację systemów ADAS i profesjonalny detailing.

Cele

Wierne, responsywne odwzorowanie makiet Figma w dwóch językach (PL/EN) w oparciu o WordPress i Kadence, z zachowaniem spójności elementów UI oraz wysokiej wydajności serwisu.

Zaimplementowana struktura serwisu (wg dostarczonego projektu)

1. Strona główna
   • Szybkie rozpoznanie kluczowych usług i wejście w odpowiednią ścieżkę.
   • Aktualny kontekst dzięki włączeniu treści z bloga/Instagrama.
2. O nas
   • Budowa zaufania przez klarowne pokazanie historii, misji i zespołu.
3. Strony usług
   • Precyzyjne opisanie zakresu i korzyści (m.in. naprawa/wymiana szyb, kalibracja ADAS) z jasnymi CTA.
4. Blog
   • Miejsce na eksperckie treści i aktualności wspierające komunikację z klientami.
5. FAQ
   • Szybkie odpowiedzi na najczęstsze pytania – mniej barier przed kontaktem.
6. Szkolenia
   • Dedykowana strona ofertowa z jasnym wezwaniem do działania.
7. Kontakt
   • Czytelne dane i formularz – skrócenie ścieżki do zapytania.
8. Polityka prywatności / Cookies
   • Spełnienie wymogów RODO oraz zapewnienie bezpieczeństwa danych użytkowników.

Kluczowe funkcjonalności i rozwiązania

Głównym wyzwaniem było wierne odwzorowanie zaawansowanego projektu graficznego. Wymagało to zastosowania niestandardowych stylów CSS, szczególnie w sekcji bloga na stronie głównej, na stronie archiwum wpisów oraz w mobilnym nagłówku, aby uzyskać pełną zgodność z wizją projektanta.

Elementy techniczne

• Kadence + Gutenberg – lekka baza i precyzyjna kontrola układów bez ciężkich builderów.
• Kadence Elements – oddzielne komponenty nagłówków/sekcji dla PL i EN, pełna kontrola widoczności i treści per język.
• Pakiet wtyczek WPML (WPML Multilingual CMS, WPML SEO, WPML String Translation) – konfiguracja dwóch wersji językowych, zsynchronizowane menu, własne formularze kontaktowe dla każdego języka.
• Niestandardowy CSS – dopracowanie między innymi widoków bloga, archiwów i mobilnego nagłówka 1:1 z Figma.
• Integracja Instagrama – dynamiczny feed najnowszych postów, automatyczne odświeżanie treści.
  

Podstawowa optymalizacja SEO

• Semantyczna struktura HTML z poprawną hierarchią nagłówków i spójnym linkowaniem wewnętrznym.
• SEOPress PRO – konfiguracja tytułów i meta opisów na kluczowych podstronach.
• ALT dla istotnych obrazów w sekcjach ofertowych i informacyjnych.
  

User experience i wydajność

• Responsywność – makiety przełożone na układy mobilne/tablet/desktop, w tym niestandardowy nagłówek mobilny zgodny z Figma.
• Nawigacja – przejrzyste menu dla PL/EN i logiczne skróty do kluczowych sekcji.
• Szybkość działania – cache’owanie LiteSpeed, minifikacja CSS/JS oraz konwersja obrazów do WebP/AVIF.
• Przejrzystość interfejsu – wierne odwzorowanie projektu Figma zapewniło spójny i profesjonalny wygląd, który buduje wiarygodność marki.

Bezpieczeństwo

Serwis zabezpieczony przed spamem i botami, z wdrożonymi standardowymi mechanizmami ochrony logowania i danych – zgodnie z naszymi wewnętrznymi zasadami bezpieczeństwa.