DeMenso Sverige
Menu
Realizacje

Katalog samochodów, w którym klient od razu widzi ratę.

KliknijAuto sprzedaje samochody poleasingowe i pośredniczy w leasingu, wynajmie długoterminowym oraz kredycie dla firm i klientów indywidualnych. Oferta zmienia się z dnia na dzień. Klient potrzebował nowej strony, na której jego zespół sam dodaje auta, a odwiedzający szybko znajduje samochód w swoim budżecie i wysyła zapytanie.

KliknijAuto — strona na monitorze i w telefonie
Powiększ obraz
01 / Realizacje

Oferta, która ciągle się zmienia

Samochody w ofercie pojawiają się i znikają, a klientów interesuje przede wszystkim miesięczny koszt, nie sama cena. Strona musiała pozwalać na dodanie auta bez programisty i od pierwszego ekranu pokazywać to, o co klienci pytają najczęściej: model, cenę i ratę.

02 / Realizacje

Co zbudowaliśmy?

Katalog prowadzony z panelu.

Każde auto to osobny wpis z ustalonym zestawem pól: parametry, cena katalogowa i promocyjna, miesięczna rata netto, wyposażenie i galeria. Zespół klienta zmienia ofertę w panelu WordPressa, a strona sama układa karty pojazdów.

Wyszukiwanie według budżetu.

Na stronach oferty, leasingu i wynajmu odwiedzający filtruje auta według marki i przedziału raty oraz sortuje wyniki. Na stronie głównej najważniejsze oferty pokazuje slider z ratą i przejściem do szczegółów.

Zapytanie prosto z karty auta.

Karta pojazdu prowadzi do formularza, w którym klient wybiera leasing, wynajem długoterminowy albo zakup. Obok są numery telefonów i link do ogłoszenia na zewnętrznym portalu motoryzacyjnym.

03 / Realizacje

Kto za co odpowiadał?

Projekt wykonaliśmy we współpracy z B2B Care, które prowadziło kontakt z klientem. Matte odpowiadał za projekt i UX, Adrian za wdrożenie strony i budowę katalogu. Wspólne autorstwo jest wskazane w stopce strony.

04 / Realizacje

Co dzieje się po uruchomieniu?

Stronę przekazaliśmy klientowi. Zespół KliknijAuto prowadzi ofertę z panelu WordPressa i zmienia ją na bieżąco, bez zmian w kodzie.

05 / Realizacje

Twoja oferta zmienia się częściej niż strona?

Przejdź do obrazu klawiszem Tab. Klawisze strzałek przewijają powiększony obraz. Escape zamyka podgląd.

Ustawienia czytania

Dostosuj stronę do siebie.

Zmień tekst, kolory i ruch, aby wygodniej czytać. Zmiany są widoczne od razu.

Aktywne zmiany: 0

Pomoc w czytaniu

Proste wyjaśnienie

Tutaj opisano projekt: zadanie i pracę pokazaną w portfolio. Obrazy możesz powiększyć.

To prosty wstęp. Przeczytaj całą stronę, aby poznać szczegóły, warunki i wyjątki.

Pojęcia i skróty

CTA
Call to Action: zachęta do działania, np. przycisk kontaktu.
CV
Curriculum Vitae: opis doświadczenia, wykształcenia i umiejętności.
PHP
PHP: Hypertext Preprocessor. Język programowania używany m.in. przez WordPress.
IMY
Integritetsskyddsmyndigheten: szwedzki organ nadzorujący ochronę danych.
PTS
Post- och telestyrelsen: szwedzki urząd nadzorujący komunikację elektroniczną i usługi pocztowe.
HB
Handelsbolag: szwedzka forma spółki osobowej.
EEA / EES / EOG
Europejski Obszar Gospodarczy: kraje UE oraz Islandia, Liechtenstein i Norwegia.
EU / UE
Unia Europejska.
BYOD
Bring Your Own Device: używanie własnego urządzenia do pracy.
WCAG AA / AAA
Poziomy WCAG określają wymagania dostępności. AA obejmuje wymagania A i AA; AAA obejmuje wymagania A, AA i AAA.
CMS
Content Management System: system zarządzania treścią, w którym dodajesz i zmieniasz zawartość strony.
PR
Public Relations: działania dotyczące relacji i komunikacji organizacji z otoczeniem.
IT
Information Technology: technologia informacyjna, służąca do zapisu, przetwarzania i przekazywania informacji.
SEO
Search Engine Optimisation: działania ułatwiające wyszukiwarkom zrozumienie i znalezienie strony.
AI
Artificial Intelligence, sztuczna inteligencja: programy, które mogą tworzyć tekst lub obrazy albo rozpoznawać wzorce.
WCAG
Web Content Accessibility Guidelines: wytyczne dotyczące dostępności treści internetowych.
UX
User Experience: doświadczenie osoby korzystającej z produktu lub usługi.
UI
User Interface: interfejs użytkownika, czyli elementy obsługi, np. przyciski i formularze.
API
Application Programming Interface: sposób wymiany danych między programami.
HTML
HyperText Markup Language: język opisujący treść i strukturę strony internetowej.
CSS
Cascading Style Sheets: reguły określające wygląd strony internetowej.
GDPR / RODO
RODO: Rozporządzenie o ochronie danych osobowych. GDPR to angielski skrót nazwy tych samych przepisów UE.
GA4
Google Analytics 4: narzędzie do pomiaru sposobu korzystania ze strony.
GTM
Google Tag Manager: narzędzie do zarządzania kodem pomiarowym i innymi tagami na stronie.
B2B
Business to Business: sprzedaż lub współpraca między firmami.
PDF
Portable Document Format: format pliku dokumentu.
CRM
Customer Relationship Management: system zarządzania kontaktami i informacjami o klientach.
CSP
Content Security Policy: reguły ograniczające kod i zasoby wczytywane przez przeglądarkę.
IP
Internet Protocol: zasady komunikacji w sieci. Adres IP identyfikuje połączenie lub urządzenie w sieci.
Brief
Opis celu, potrzeb i ram projektu.
Branding
Praca nad rozpoznawalnością i sposobem wyrażania marki, np. przez nazwę, obraz i język.
Hosting
Usługa przechowywania plików strony, dzięki której jest ona dostępna w internecie.
Integration
Połączenie umożliwiające współpracę różnych systemów.
Pixel
Tutaj: kod służący do pomiaru wizyt lub działań na stronie.
Retention
Czas przechowywania danych przed ich usunięciem.
Data controller
Administrator danych: osoba lub organizacja określająca cel i sposób przetwarzania danych osobowych.
Data processor
Podmiot przetwarzający: osoba lub organizacja przetwarzająca dane na zlecenie administratora.
Semantics
Tutaj: znaczenie elementów kodu, dzięki któremu przeglądarka rozpoznaje nagłówek, link lub przycisk.
Responsive
Strona dostosowująca układ do różnych rozmiarów ekranu.
Conversion
Działanie, w którym strona pomaga odbiorcy, np. wysłanie zapytania.
Prototype
Wczesny model służący do sprawdzenia, jak rozwiązanie może działać.
Accessibility
Dostępność: możliwość korzystania z treści i funkcji przez osoby o różnych potrzebach i możliwościach.

Potrzebujesz pomocy? Napisz do nas: hej@demenso.se

Tekst i czytanie
Kolory i orientacja

Wybierz kolor tekstu i tła. Drugi kolor dostosuje się w razie potrzeby, aby tekst pozostał czytelny.

Ruch

Systemowe ustawienie ograniczenia ruchu jest zawsze respektowane.

Wybory są zapisywane tylko w tej przeglądarce. Żadne informacje nie są wysyłane.