Genizi

Od sprzedawcy na eBay do własnej marki: Strona internetowa i Corporate Design dla PL AutoLine

Analiza potrzeb · Corporate Design · Logo · Webdesign · Hosting i domena · Genizi CMS · Teksty prawne · Indeksowanie w Google · Optymalizacja wydajności

Strona główna witryny pl-autoline.de opracowanej przez Genizi na komputerze stacjonarnym

Klient: PL AutoLine · Właściciel Piotr Lasyk

Lokalizacja: Gachenbach, powiat Neuburg-Schrobenhausen (Bawaria)

Branża: Używane kompletne koła, felgi aluminiowe i części samochodowe — specjalizacja grupa VAG

Na żywo: pl-autoline.de

Sytuacja wyjściowa: 600 opinii i brak własnego adresu w sieci

PL AutoLine od około trzech lat sprzedaje sprawdzone używane koła zimowe i letnie, głównie do marek VW, Audi, Škoda i SEAT. Ponad 900 sprzedanych zestawów kół, ponad 600 opinii na eBay i Kleinanzeigen, 100% pozytywnych. Biznes szedł dobrze. Tyle że wyłącznie na obcych platformach.

To był właśnie problem, z którym Piotr Lasyk przyszedł do nas. Całe zaufanie, które budował przez lata, opierało się na profilach ocen innych firm. Kto wpisywał w Google „PL AutoLine”, nie znajdował własnej strony. Nie było logo, świata kolorów, adresu, pod którym klient mógłby odnaleźć markę, ani miejsca, w którym można by pokazać staranność włożoną w każdy pojedynczy zestaw kół.

Zadanie było więc jasno określone: zbudować niezależną markę i stworzyć dla niej szybką, szczerą i bezpieczną pod względem prawnym stronę internetową, która nie zastąpi platform sprzedażowych, ale nada im wiarygodności.

Profil sprzedawcy PL AutoLine na portalu Kleinanzeigen przed uruchomieniem własnej strony internetowej

Opinia klienta

Tak mówi właściciel.

Projekt uważamy za udany wtedy, gdy klient sam go z dumą prezentuje.

Zweryfikowana opinia Google
Strona jest absolutnie genialna. Podoba się zarówno mnie, jak i mojemu partnerowi biznesowemu. Jest przejrzysta, szybka i dokładnie pasuje do wizji, którą miałem.
Piotr Lasyk Właściciel · PL AutoLine, Gachenbach

Opinia w Google została wystawiona na 5 z 5 gwiazdek bez tekstu. Cytat oddaje sens tego, co właściciel powiedział nam w osobistej rozmowie.

Analiza potrzeb podczas osobistej rozmowy, ustrukturyzowany formularz analizy zakresu projektu.

Krok 1: Słuchanie przed projektowaniem

Każdy projekt w naszej agencji interaktywnej w Bawarii zaczyna się od osobistej rozmowy – żaden kwestionariusz jej nie zastąpi, ale kwestionariusz strukturyzuje to, co z niej wynika.

Spotkaliśmy się z właścicielem na miejscu: Jak wygląda proces zakupu? Po czym poznaje dobry zestaw? O co najczęściej pytają kupujący przed zakupem? Z tej rozmowy powstał formularz analizy przygotowany specjalnie na potrzeby projektu, który uczynił zakres usług mierzalnym: grupy docelowe, modele pojazdów, otoczenie konkurencyjne, pożądany ton komunikacji, obowiązkowe treści, etapy rozbudowy na przyszłość.

Wynikiem były pisemnie ustalone ramy projektu, podpisane przez obie strony. Żadnego „zobaczymy”, lecz zdefiniowany zakres ze zdefiniowanymi rundami korekt.

Omów projekt

Krok 2: Świat kolorów – ciemny, bo produkt tego wymaga

Koła i felgi żyją konturem. Na jasnych układach znikają; na ciemnym tle szprychy, krawędzie i boki opon stają się plastyczne. A zdjęcia produktów powstają tam, gdzie znajduje się towar: w hali, na szarej podłodze, w sztucznym świetle. Jasny, lekki układ graficzny działałby przeciwko tym materiałom wizualnym.

Paleta składa się zatem z trzech wartości:

  • Antracyt/Czerń ( #0B0907) jako tło, kolor gumy opon i warsztatu
  • Sygnałowe złoto (ok. #E9A93A) jako jedyny akcent: mosiądz, polerowane aluminium, kolor ostrzegawczy w najlepszym tego słowa znaczeniu – pokazuje, gdzie kliknąć
  • Złamana biel (Off-White) dla tekstu ciągłego, do tego zredukowany zestaw szarości dla bloków danych


Nic więcej. Dane techniczne, takie jak głębokość bieżnika, DOT czy osadzenie (ET), potrzebują spokoju, a nie feerii barw. Złoto towarzyszy każdej interakcji: przyciskom, stanom aktywnym, cenom, gwiazdkom i dlatego znajduje się wszędzie tam, gdzie podejmowana jest decyzja.

Paleta kolorów i typografia identyfikacji wizualnej PL AutoLine: antracyt, sygnałowe złoto, złamana biel
Trzy koncepcje logo dla PL AutoLine: Chevron-Stack, Speed Lines i Hex-Chevron

Krok 3: Trzy koncepcje logo do wyboru

Zamiast jednej propozycji opracowaliśmy trzy niezależne kierunki – każdy z innym pomysłem przewodnim, a nie trzy warianty tego samego pomysłu:

  1. Chevron-Stack — trzy ułożone w stos, skierowane w górę kątowniki. Forma nawiązuje do dwóch rzeczy: kierunku bieżnika opony oraz ruchu w górę. Najgłośniejszy i najbardziej motoryzacyjny z trzech znaków, z wyraźnym oddziaływaniem z daleka.
  2. Speed Lines — trzy ukośne kreski z zaokrąglonymi końcami, przesunięte względem siebie. Ruch, prędkość, ślad. Najdelikatniejszy i najnowocześniejszy wariant, bliższy marce technologicznej niż klasycznemu zakładowi motoryzacyjnemu.
  3. Hex-Chevron — sześciokąt z wkomponowanym chevronem. Najbardziej bezpośrednie odniesienie do branży: nakrętka koła. Kompaktowy, zamknięty, działa jako ikona w każdym rozmiarze.

Wszystkie trzy zostały konsekwentnie przetestowane w czterech stanach: złoto na antracycie, jednokolorowa złamana biel, czerń na złocie oraz w najmniejszym rozmiarze jako favicon. Do tego logotyp „PL AutoLine” w geometrycznym kroju bezszeryfowym z szeroko rozstawionymi literami.

Logo, które działa dopiero od 200 pikseli, jest bezwartościowe w handlu kołami: pojawia się na fakturach, na etykietach zestawów kół, jako znak wodny na zdjęciach w serwisach ogłoszeniowych i w przyszłości na furgonetce. Dlatego każdy wariant był najpierw testowany w małym rozmiarze, a nie w dużym.

Wybrano Hex-Chevron i to właśnie ten test przeważył szalę. Sześciokąt to jedyna z trzech form z zamkniętym konturem zewnętrznym. Utrzymuje się na 16 pikselach w karcie przeglądarki tak samo dobrze, jak na zdjęciu między szprychami a bokiem opony, podczas gdy otwarte znaki tam się rozmywają. Do tego dochodzi warstwa znaczeniowa, której nikomu nie trzeba wyjaśniać: każdy, kto kupuje koła, zna sześciokąt nakrętki. Chevron skierowany w prawo nadaje marce kierunek i w logotypie czyta się go jako subtelne powtórzenie litery „L” w AutoLine.

Chevron-Stack był najsilniejszym wariantem, ale zbyt głośnym dla strony stawiającej na rzeczowość i protokoły badań. Speed Lines były najelegantsze, jednak w najmniejszym rozmiarze traciły czytelność i wydawały się zbyt uniwersalne. Hex-Chevron był jedynym projektem, który działał bez kompromisów we wszystkich czterech stanach.

Zaprojektuj z nami swoje logo

Krok 4: Trzy koncepcje strony, jeden wyraźny zwycięzca

Architektura informacji została ustalona po analizie i była identyczna we wszystkich trzech projektach: obietnica w sekcji Hero, bezpośrednio po niej opinie jako kotwica zaufania, następnie logo producentów, dostępne zestawy kół, opinie kupujących, newsletter i kontakt. Taka kolejność to nie kwestia designu, lecz decyzja sprzedażowa – każdy, kto kupuje używane koła online, chce najpierw wiedzieć, czy może ufać sprzedawcy.

Zmieniana była atmosfera. Trzy nastroje na tym samym szkielecie, aby klient mógł porównać bez konieczności przekładania różnych struktur:

  • Aurora Midnight (Dark) — antracyt z fioletowo-niebieskimi gradientami i przyciskami w kolorze indygo. Chłodny, techniczny, zbliżony do produktu programistycznego. Najnowocześniejszy z trzech projektów, ale najbardziej oddalony od warsztatu.
  • Carbon Gold (Dark) — ta sama ciemna baza, ale z ciepłymi złotymi gradientami i złotymi obszarami interakcji. Metaliczny, wartościowy, wywodzący się bezpośrednio ze świata kolorów logo.
  • Clear Light (Light) — jasna, biała konstrukcja z mocnym niebieskim akcentem. Przyjazna i maksymalnie znajoma, ale ze znacznie mniejszym kontrastem w stosunku do zdjęć produktów.

Wybrano Carbon Gold z bardzo praktycznego powodu: zdjęcia produktów powstają w hali na szarej betonowej podłodze. Na białym tle zestawy kół w wersji Clear Light wydawały się mdłe i traciły krawędzie. Aurora Midnight wyglądała mocno, ale opowiadała niewłaściwą historię; fioletowe gradienty pasują do landing page'a SaaS, a nie do sprzedawcy, którego argumentem jest praca ręczna i osobista kontrola. Carbon Gold był jedynym wariantem, który pasował jednocześnie do logo, materiałów zdjęciowych i charakteru biznesu.

W rundzie uzgodnień wprowadzono kolejne zmiany: wyraźniejsze oddzielenie towaru zimowego od letniego, bardziej widoczną informację o ochronie kupujących oraz dodanie logo producentów jako elementu budującego zaufanie.

Zaprojektuj z nami swoją stronę
Trzy koncepcje projektowe dla pl-autoline.de: Aurora Midnight, Carbon Gold i Clear Light
Hosting, konfiguracja DNS, serwer pocztowy i konfiguracja SSL dla pl-autoline.de

Krok 5: Fundament techniczny

Strona działa na naszej własnej infrastrukturze w Niemczech. Przejęliśmy całą konfigurację, aby klient nie musiał się o nic martwić:

  • Konfiguracja hostingu wraz z certyfikatem SSL i automatycznym odnawianiem
  • Podłączenie domeny i pełna konfiguracja DNS
  • Uruchomienie serwera pocztowego wraz ze skrzynkami pocztowymi we własnej domenie
  • Uwierzytelnianie e-mail (SPF, DKIM, DMARC), aby potwierdzenia zapytań nie trafiały do spamu
  • Kopie zapasowe i monitoring

Zwłaszcza ten ostatni punkt jest często niedoceniany. Adres info@ we własnej domenie przy wartości towaru rzędu 600–800 euro za zestaw kół po prostu wygląda inaczej niż darmowy adres e-mail.

Krok 6: Realizacja z Genizi CMS

Wybraną koncepcję wdrożyliśmy, pisząc kod ręcznie: bez gotowych motywów, bez kreatorów, bez zbędnego balastu. Do zarządzania treścią wykorzystaliśmy nasz autorski Genizi CMS, dzięki któremu właściciel może samodzielnie dodawać nowe zestawy kół i podstrony, nie dotykając ani jednej linii kodu.

W tym projekcie był to trafny wybór, ponieważ katalog jest zmienny: każdy zestaw jest unikatowy i dostępny tylko raz. W zależności od wymagań stosujemy alternatywnie WordPress lub PrestaShop – dla projektów opartych na blogu lub prawdziwych systemów e-commerce z koszykiem i obsługą płatności. Decyzja zapada w zależności od potrzeb, a nie z przyzwyczajenia.

W skład wdrożenia wchodzą:

  • Strony szczegółowe produktów z pełnymi danymi technicznymi (rozmiar opony, wymiar felgi, ET, rozstaw śrub, głębokość bieżnika, DOT, numer części)
  • Formularz kontaktowy z checkboxem zgody na przetwarzanie danych i ochroną przed spamem bez zewnętrznych usług
  • Zapis do newslettera informującego o nowych zestawach kół
  • Sekcja FAQ, która odpowiada na najczęstsze pytania przed zakupem

Genizi CMS w akcji: samodzielna edycja stron produktów pl-autoline.de przez klienta
Zgodność z prawem: nota prawna, polityka prywatności i działanie bez plików cookie

Krok 7: Podstrony i bezpieczeństwo prawne

Na start powstało kilka podstron i stron szczegółowych produktów dla aktualnych zestawów kół oraz strony wymagane prawnie:

  • Nota prawna (Impressum) zgodnie z § 5 DDG z pełnymi danymi oferenta
  • Polityka prywatności zgodnie z RODO, dostosowana do rzeczywistego przetwarzania danych
  • Przejrzysta informacja o zwolnieniu z VAT dla małych przedsiębiorstw zgodnie z § 19 UStG zarówno w stopce, jak i bezpośrednio przy każdej cenie

Decyzja, która w projekcie wyglądała inaczej: pierwsze koncepcje zawierały w stopce dodatkowo regulamin (AGB) i pouczenie o odstąpieniu od umowy. Oba elementy zostały usunięte po ustaleniu przebiegu procesu. Umowa kupna zawierana jest wyłącznie przez eBay lub Kleinanzeigen – strona internetowa informuje i odsyła, nie sprzedaje samodzielnie. Zamieszczanie tekstów prawnych, które nie dotyczą umowy, nie buduje bezpieczeństwa, lecz wprowadza zamieszanie.

Świadomy krok: strona wykorzystuje wyłącznie technicznie niezbędne pliki cookie sesji. Żadnego śledzenia, żadnych skryptów analitycznych, żadnych zewnętrznych czcionek. Jest to nie tylko przyjazne dla ochrony danych, ale także sprawia, że strona jest mierzalnie szybsza i oszczędza natrętnego paska zgody (consent layer), który blokuje odwiedzających zaraz po wejściu.

Krok 8: Widoczność w Google

Po uruchomieniu zgłosiliśmy stronę do Google i skonfigurowaliśmy ją w Search Console:

  • Weryfikacja własności i przesłanie mapy witryny XML
  • Kontrola indeksowania wszystkich podstron
  • Indywidualne tagi tytułowe i opisy meta dla każdej strony – każda strona produktu zawiera konkretne dopasowanie do pojazdu w tytule
  • Tagi kanoniczne, przejrzysta struktura nagłówków i opisowe atrybuty alt
  • Dane Open Graph dla podglądu przy udostępnianiu na WhatsApp i Facebooku
  • Dane strukturalne dla produktów i FAQ

Intencja wyszukiwania była tu kluczowa: nikt nie szuka „kompletnych kół”. Szuka się „koła zimowe VW T-Roc 17 cali” lub „felgi aluminiowe Škoda Superb ET41”. Dokładnie tak skonstruowane są tytuły stron. To, jak systematycznie do tego podchodzimy, opisujemy na naszej stronie dotyczącej SEO i optymalizacji.

Konfiguracja Google Search Console i indeksowanie pl-autoline.de

Krok 9: Wydajność: 90 mobile, 100 desktop

Szybkość od początku nie była dodatkiem, lecz częścią koncepcji. Wyniki w Google PageSpeed Insights:

Wartość
Mobile 90 / 100
Desktop 100 / 100

Osiągnięto to dzięki:
  • Wszystkie obrazy w formacie WebP, serwowane responsywnie w odpowiednich rozmiarach
  • Lazy loading dla wszystkiego poniżej pierwszego ekranu
  • Krytyczny CSS inline, reszta asynchronicznie
  • Lokalnie hostowane czcionki zamiast zewnętrznych usług
  • Brak skryptów śledzących lub reklamowych od dostawców zewnętrznych
  • Kompresja po stronie serwera i buforowanie przeglądarki

W przypadku sprzedawcy, którego klienci w dużej mierze trafiają na stronę z urządzeń mobilnych z aplikacji ogłoszeniowej, czas ładowania decyduje o tym, czy w ogóle cokolwiek zostanie przeczytane.

01

Wynik

PL AutoLine posiada dziś niezależną markę i stronę internetową, która realizuje trzy cele jednocześnie: wyjaśnia proces kontroli, uwidacznia historię ocen i celowo prowadzi zainteresowanych do zestawu kół pasującego do ich pojazdu – z bezpiecznym sfinalizowaniem zakupu nadal przez eBay i Kleinanzeigen, w tym z ochroną kupujących.

Strona jest rozbudowywalna. Nowe zestawy kół, nowe modele pojazdów, w przyszłości własny sklep: fundament jest solidny.

02

Masz podobny plan?

PL AutoLine ma siedzibę w Gachenbach, kilka minut od Schrobenhausen. To dokładnie taki rodzaj firmy, dla której pracujemy: prowadzona przez właściciela, silna merytorycznie, dotychczas niedoceniana cyfrowo.

Jako agencja interaktywna z Bawarii obsługujemy firmy w Schrobenhausen, Ingolstadt, Aichach, Pfaffenhofen, Neuburg an der Donau i w całym regionie Górnej Bawarii – osobiście na miejscu w promieniu ok. 80 km, zdalnie w całych Niemczech.

Niezależnie od tego, czy chodzi o stronę internetową i sklep online, projektowanie marki czy integrację AI: opowiedz nam o swoim pomyśle. Odpowiedź w ciągu 24 godzin.

Rozpocznij projekt →

FAQ

FAQ dotyczące projektu

Od pierwszej analizy potrzeb do uruchomienia, wliczając opracowanie logo, trzy koncepcje projektowe, rundy uzgodnień i konfigurację techniczną, projekt mieścił się w ramach naszego pakietu Brand Studio, w którym zakładamy od 8 do 16 tygodni.
Ponieważ klient zarządza zmiennym katalogiem unikatów i potrzebował maksymalnej szybkości ładowania. Genizi CMS dostarcza dokładnie te pola, które on faktycznie wypełnia – bez obciążenia wtyczkami. Dla projektów blogowych lub klasycznych sklepów nadal stosujemy WordPress i PrestaShop.
Tak. Za pomocą Genizi CMS sam dodaje nowe zestawy kół i podstrony, w tym zdjęcia i dane techniczne. Przeszkolenie z obsługi wchodzi w zakres usługi.
W naszych pakietach miesięcznych tak – hosting, SSL, serwer pocztowy i domena są obsługiwane przez nas. Przy rozliczeniu jednorazowym zajmujemy się konfiguracją, a hosting jest ustalany oddzielnie. Wszystkie warunki znajdziesz w naszym cenniku.
Zakres tego projektu: logo, Corporate Design, strona internetowa, CMS, podstrony, teksty prawne i konfiguracja Google, odpowiada naszemu pakietowi Brand Studio od 369 €/miesiąc z domeną i hostingiem lub 3 699 € jednorazowo. Mniejsze przedsięwzięcia zaczynają się od 89 €/miesiąc.

Strony i sklepy internetowe

Trzy pakiety. Jeden czytelny system.

Od onepagera po wielostronową obecność marki – miesięcznie (z hostingiem) lub jednorazowo. Identyczne pakiety jak na stronie głównej.

Monatliche Abrechnung

Launch One

Mała firma, freelancer, szybki start.

89

/ miesiąc · hosting w cenie (lub 699 € jednorazowo)

  • Responsywny one-page (do 6 sekcji)
  • Formularz kontaktowy + integracja e-mail
  • Podstawowe SEO on-page
  • Stopka prawna + polityka prywatności
  • 1 runda poprawek · 3 miesiące wsparcia
  • Realizacja w 2–4 tygodnie
Najpopularniejszy wybór

Business Flow

Wiele podstron, blog i CMS.

169

/ miesiąc · domena + hosting w cenie (lub 1 399 € jednorazowo)

  • WordPress z autorskim szablonem (do 6 podstron)
  • Blog + CMS do samodzielnej edycji
  • Wdrożenie SEO + optymalizacja prędkości
  • Google Analytics + Search Console
  • 3 rundy poprawek · 6 miesięcy wsparcia
  • 30–60 min szkolenia · 4–8 tygodni

Brand Studio

Marki ze spójnym wizerunkiem.

369

/ miesiąc · domena + hosting w cenie (lub 3 699 € jednorazowo)

  • Wszystko z Business Flow
  • Do 12 podstron
  • Pełny design: logo + bazowy brand guide
  • Wizytówka, banery FB/IG, szablony IG
  • Rozszerzony fokus na UX
  • 5 rund poprawek · 12 miesięcy wsparcia · 8–16 tygodni

Wszystkie ceny bez VAT (zgodnie z § 19 UStG).
Wariant miesięczny: przekazanie kodu źródłowego po 12 miesiącach. Minimalny okres 12 miesięcy.

Kontakt

Zapytaj o bezpłatną wycenę.

Opowiedz nam o swoim projekcie webowym lub AI – nieważne, czy pomysł jest konkretny, czy mglisty. Odzywamy się w ciągu 24 godzin z Bawarii.

Jak to działa

  1. 01

    Piszesz do nas

    Krótka wiadomość z pomysłem lub orientacyjnym budżetem.

  2. 02

    Pierwsza rozmowa

    Odzywamy się w ciągu 24 godzin na 20-minutowy call.

  3. 03

    Oferta i wizualizacja

    Dostajesz konkretną ofertę i pierwszy szkic designu.

  4. 04

    Realizacja i launch

    W 2–16 tygodni – zależnie od pakietu – Twoja platforma rusza online.