19/19 projekt koncepcyjny
Nośność: producent regałów stalowych B2B · Polska i UE
Kupiec ustawia wymiary regału, widzi jego nośność i zbiera pozycje w zapytanie ofertowe, które może wydrukować.
Projekt koncepcyjny - jak zrobiłbym stronę dla firmy z branży: producent regałów stalowych B2B. Firma i jej dane są fikcyjne.
- Branża
- producent regałów stalowych B2B
- Miasto
- Polska i UE
- Języki
- PL / EN / DE
- Rok
- 2026
- Szybkość
- 90/100 · 100/100
01Wyzwanie
Kupiec z magazynu czy hurtowni nie kupuje regału z koszyka. Najpierw musi wiedzieć, czy regał uniesie jego palety i zmieści się w hali, a potem prosi o ofertę, często u kilku producentów naraz. Tak zrobiłbym stronę producenta regałów spod Radomia, który dostarcza w Polsce i w UE: dane techniczne od razu na stronie i zapytanie ofertowe złożone w kilka minut, po polsku, angielsku i niemiecku.
02Co zrobiłem
-
Próba obciążenia na pierwszym ekranie
Wózek widłowy odkłada trzy palety na belkę, belka lekko się ugina, a tabliczka liczy do 3000 kg na poziom. Suwakiem klient ustawia wagę swojej palety, a strona od razu dobiera pasujący regał z linkiem do konfiguratora. Animacja trwa kilka sekund i staje, a przy ograniczonym ruchu strona od razu pokazuje stan końcowy.
-
Katalog z filtrami
Dziesięć produktów w czterech grupach. Klient zawęża listę po rodzaju, nośności poziomu, wysokości i kolorze RAL, a każdy regał ma rysunek generowany z jego wymiarów, z sylwetką człowieka dla skali.
-
Konfigurator, który przerysowuje regał
Suwakami klient zmienia wysokość, szerokość, głębokość, liczbę poziomów i kolor. Rysunek przerysowuje się od razu, a tabliczka znamionowa podaje nośność z tabel producenta, z dopiskiem, że to wartość orientacyjna, a wiążąca jest oferta. Pełna tabela nośności i karta techniczna do druku działają też bez JavaScriptu.
-
Koszyk zapytania bez cen
Zamiast koszyka z cenami jest lista pozycji do zapytania ofertowego: regał, wymiary, kolor i ilość. Lista zostaje po odświeżeniu strony, a zapytanie można wydrukować albo zapisać jako PDF z nagłówkiem firmy i datą. W formularzu wymagane są tylko firma, e-mail i telefon, a NIP albo numer VAT UE jest sprawdzany od razu.
-
Trzy języki pisane ręcznie
Wersje angielska i niemiecka są pisane ręcznie, razem z katalogiem, kartami produktów i formularzem. Wersje są ze sobą powiązane, więc klient z Niemiec trafia z Google na stronę po niemiecku.
-
Uczciwie podpisane
Firma i handlowiec są fikcyjni, a formularz na demie nic nie wysyła, także pliku z rzutem hali. Nośności pochodzą z tabel w danych, a nie z obliczeń statycznych, i tak są opisane. Zdjęcia są wygenerowane przez AI i podpisane na stronie.
03Efekt
Strona producenta w trzech językach, na której kupiec sam dobiera regał do swoich palet, sprawdza nośność i składa zapytanie ofertowe gotowe do wydruku. Szybkość 90/100 na telefonie i 100 na komputerze, dostępność 100, a podczas ładowania nic nie skacze.
90telefon
100komputer
pomiar:
04Karta DNA
Z czego zbudowane jest wykończenie
Kliknij kolor, krój albo zaokrąglenie, żeby zdjąć je z podglądu. Zostaje sam szkielet - ten sam, na którym stoi każda moja strona.
Kolory
Krój nagłówków
Zaokrąglenia
05Widoczność w Google
Jak klienci znajdą tę stronę
- Tytuł mówi, kim jest firma i co da się zrobić na stronie: producent regałów stalowych, katalog i zapytanie ofertowe.
- Google wie, że to producent, zna jego dane kontaktowe i obszar dostaw, a każdy regał jest opisany jako produkt, bez ceny.
- Najczęstsze pytania są przygotowane tak, żeby Google i asystenci AI mogli cytować odpowiedzi.
- Wersje polska, angielska i niemiecka są ze sobą powiązane, więc Google pokazuje właściwy język.
- Demo jest ukryte przed wyszukiwarkami, bo to fikcyjna firma.
