Case study
Arteida: strona B2B, której wygląd klient zmienia sam
Anglojęzyczna strona dla technologii personalizacji diamentów laserem femtosekundowym. Autorski motyw WordPress według projektu z Figmy, 21 bloków Gutenberga i 1144 ustawienia wyglądu w panelu - osobno dla komputera, tabletu i telefonu.
- ustawienia wyglądu w panelu, z podglądem na żywo
- 1144
- własnych bloków Gutenberga do składania podstron
- 21
- landingi pod osobne grupy klientów B2B
- 3
- punktów wydajności w PageSpeed na telefonie
- 100
Punkt wyjścia
Nowa technologia, trzy grupy odbiorców
Arteida personalizuje diamenty laserem femtosekundowym: imię, data albo symbol trafiają na taflę kamienia na głębokość od 40 do 450 nanometrów, bez zmiany jego parametrów 4C. To produkt dla firm - marek jubilerskich, pracowni złotniczych i firm tworzących diamenty pamięci - a każda z tych grup kupuje go z innego powodu.
Strona musiała tłumaczyć technologię językiem nauki i sprzedawać ją językiem luksusu, osobno dla każdego segmentu. Do tego klient postawił warunek: typografię, kolory i odstępy chce testować sam, osobno na komputerze, tablecie i telefonie, bez czekania na developera.
Zakres prac
Co powstało w tym projekcie
- Autorski motyw WordPress kodowany według projektu z Figmy, bez page buildera
- System wyglądu w Customizerze: 39 sekcji i 466 parametrów, z czego 339 ma osobną wartość dla komputera, tabletu i telefonu - razem 1144 ustawienia z podglądem na żywo
- 21 bloków Gutenberga: hero, siatki kart, proces z numerowanymi krokami, tabele porównawcze i specyfikacji, galerie, FAQ, kontakt i podsumowanie artykułu
- Selektor segmentów, który jednym wyborem zmienia zdjęcie i tabelę parametrów
- Trzy landingi pod segmenty: marki jubilerskie, pracownie złotnicze i firmy od diamentów pamięci
- Wideo w hero ładowane po wczytaniu strony i pauzowane poza ekranem - plik zmniejszony z 79 do 11 MB
- Struktura pod dwie wersje językowe na Polylangu, z przyciskiem kopiującym stronę razem ze wszystkimi polami do tłumaczenia
- Baza wiedzy ze spisem treści generowanym automatycznie, czasem czytania i powiązanymi wpisami
- Meta tytuły i opisy dla każdej podstrony, mapa witryny, formularze z ekranem podziękowania i sticky menu z wyszukiwarką
Decyzje projektowe
Jak to rozwiązaliśmy
Wygląd w panelu, nie w kodzie
Każdy rozmiar fontu, kolor i odstęp to zmienna sterowana z Customizera, z osobną wartością na każde urządzenie. Klient zmienia wartość i od razu widzi efekt - poprawka, która zwykle oznacza zlecenie dla developera, zajmuje mu minutę.
Bloki zamiast szablonów stron
Nowy landing pod kolejną grupę klientów składa się z gotowych bloków: hero, tabela specyfikacji, proces, FAQ. Bez kopiowania szablonów i bez ryzyka, że jedna podstrona zacznie wyglądać inaczej niż reszta.
Premium bez ciężaru
Film w hero startuje dopiero, gdy strona jest już wczytana, a przy włączonym oszczędzaniu danych nie ładuje się wcale. Do tego WebP, lokalne fonty i lekkie skrypty - stąd 100 punktów wydajności w PageSpeed także na telefonie.
Pod lupą
Najważniejsze ekrany, punkt po punkcie
Technologia: segmenty produktu
Sekcja z podstrony Technology. Partner wybiera rodzaj personalizacji i od razu widzi przykład oraz parametry techniczne.
-
1
Wybór segmentu
Lista, strzałki albo kropki pod zdjęciem - każdy wybór zmienia jednocześnie przykład i tabelę, bez przeładowania i przewijania strony.
-
2
Specyfikacja jak w karcie technicznej
Głębokość znaku, rozmiary kamieni i czas realizacji - dane, o które pyta kupiec B2B, w tabeli edytowanej w bloku Gutenberga.
-
3
Kadr ustawiany w panelu
Przy każdym zdjęciu można wskazać punkt ostrości, więc kadr trzyma się kamienia na każdym ekranie, od telefonu po szeroki monitor.
Wydajność
Zmierzone, nie obiecane
Pomiar Lighthouse na produkcji: strona główna z wideo w hero, telefon (październik 2026).
- Wydajność
- 100
- Dostępność
- 97
- SEO
- 100
Stack
Technologie
Inne realizacje
Zobacz też
NA NO WO Architekci - z Portfoliobox na WordPress
40 projektów i 794 zdjęcia przeniesione skryptem, te same adresy URL i landing z bloków Gutenberga, który pracownia edytuje sama.
- Wydajność
- 99
- Dostępność
- 93
- SEO
- 100
Auto Service Domagała - strona dla warsztatu i SKP
Ze strony z 2012 roku na 25 podstron: 12 usług pod lokalne SEO, cennik edytowany w panelu i krótkie formularze wyceny.
- Wydajność
- 100
- Dostępność
- 100
- SEO
- 100
Chcesz stronę, którą rozwijasz bez developera?
Napisz, kim są twoi klienci i co strona ma dla nich robić. Wycena wraca do ciebie w 24 godziny, bez zobowiązań.