Case Study

Firma spedycyjna — dedykowany motyw WordPress

Strona wizytyówka zbudowana od zera na custom WP theme z Tailwind CSS, Alpine.js i Vite — z naciskiem na wydajność mobilną, SEO i gotowość na 7 wersji językowych. Realizacja w 3 tygodnie.

Custom WP ThemeTailwind CSSAlpine.jsViteSpedycja EUMobile-first
<0.8s
LCP mobile
9
Sekcji
7
Języków
01

O kliencie

TransLog Sp. z o.o. to firma spedycyjna działająca na terenie całej Europy — transport drogowy, lotniczy i morski. Obsługuje 12 krajów, oferuje wycenę w 30 minut i auto na miejscu nawet w 1,5 godziny.

Klient potrzebował profesjonalnej strony wizytówkowej, która zbuduje zaufanie w branży spedycyjnej i będzie gotowa na ekspansję międzynarodową (7 języków).

Branża: Spedycja & logistyka
Model: B2B, transport EU
Lokalizacja: Polska / 12 krajów EU
Deadline: 3 tygodnie
02

Wyzwanie

Klient nie miał żadnej obecności online. Strona musiała powstać w 3 tygodnie, działać błyskawicznie na mobile (większość klientów spedycyjnych sprawdza na telefonie) i być gotowa na 7 wersji językowych od startu.

Deadline
3 tygodnie
Stack
Custom WP + Vite
Języki
PL, EN, DE, NL, FR, IT, ZH
Podejście
Mobile-first
Animacje
GSAP + Alpine.js
Cel
Lead generation
03

Podejście techniczne

Zdecydowaliśmy się na dedykowany motyw WordPress zamiast page buildera. Tailwind CSS pozwolił na pełną kontrolę nad każdym pikselem, a Alpine.js dał lekkość interakcji bez ciężaru frameworka JS.

Cały build pipeline oparliśmy na Vite — hot-reload w developmencie, tree-shaking i minifikacja w produkcji. Fonty Space Grotesk i Public Sans self-hostowane jako WOFF2 z unicode-range split na latin vs latin-ext.

Architektura

9 template-parts PHP, brand tokens CSS, schema.org JSON-LD.

Frontend

Tailwind utilities + custom CSS variables, GSAP scroll animations z prefers-reduced-motion.

Interakcje

Alpine.js: 3-krokowy formularz kontaktowy, FAQ accordion, hero slider.

Wydajność

LiteSpeed cache, lazy loading, critical CSS inline, font-display: swap.

Bezpieczeństwo

Security headers, AIOS lockdown, XML-RPC disabled, reCAPTCHA.

SEO & i18n

Polylang (7 języków), OG tags, sitemap, semantyczny HTML5 + ARIA.

Efekty

LCP Mobile
Brak strony
< 0.8s
Czas realizacji
Budżet na 6 tyg.
3 tygodnie
Stack
Szablonowy builder
Custom theme

Kluczowe rozwiązania

Custom theme > page builder

Pełna kontrola nad kodem = szybkość ładowania, SEO i łatwość utrzymania. Żadnego bloatu Elementora.

Formularz 3-krokowy w Alpine.js

Rozbicie formularza na kroki zmniejsza próg wejścia — najpierw tylko email i telefon, reszta opcjonalna.

Self-hosted fonts z unicode-range

Osobne pliki WOFF2 dla latin i latin-ext — polskie znaki ładują się poprawnie bez pobierania pełnego zestawu.

Vite jako bundler WP theme

Hot-reload w developmencie, manifest.json w produkcji — WordPress enqueue z mu-pluginu, niezależnie od aktywnego motywu.

Potrzebujesz strony, która ładuje się błyskawicznie?

Porozmawiajmy
Eugenia Okła — Head of Web Development
Head of Web Development
Eugenia Okła
EMERALD MEDIA

Full-stack web developer specjalizująca się w WordPress, WooCommerce i custom systemach. Projektuje i buduje strony, sklepy i dedykowane aplikacje webowe — od architektury po deploy.