Akceptujemy USD, EUR, PLN i 19 innych walut
Bezproblemowa komunikacja po angielsku i po polsku
Zawsze dotrzymujemy terminów - bez ciągnących się projektów

Strona internetowa dla firmy transportowej i spedycyjnej

Lama Group Transport: wielojęzyczna strona firmy spedycyjnej

Lama Group Transport, firma transportowo-spedycyjna spod Warszawy, miała stronę internetową, która nie pokazywała pełnej oferty ani zasięgu firmy. Zbudowaliśmy w Astro wielojęzyczny serwis z podstronami dziewięciu usług, globusem rynków i formularzem wyceny. Klient z zagranicy sprawdzi w swoim języku, jakie transporty i dokąd organizuje firma, i pobierze jej dokumenty, zanim wyśle zapytanie.

/ Fakty o projekcie

Klient

Lama Group Transport

Branża

Transport

Technologie

Zakres prac

warsztaty analiza potrzeb architektura informacji UX projekt graficzny wielojęzyczność interaktywny globus wdrożenie testy

Wyniki

  • 95 /100

    wydajność na telefonie

  • 99 /100

    wydajność na komputerze

Strona główna lamagroup.pl od góry: hero z ciężarówką, globus z rynkami w Europie i Afryce Północnej, liczniki i cztery zalety firmy
Już górna część strony głównej mówi zleceniodawcy, jakie transporty organizuje Lama Group i na jakich rynkach. Przycisk szybkiej wyceny od pierwszego ekranu pozwala od razu zapytać o transport.

/ 01 problemy i wyzwania

Doświadczony zespół spedycyjny miał stronę, która nie pokazywała ani oferty, ani zasięgu firmy

Lama Group Transport to rodzinna firma transportowo-spedycyjna spod Warszawy, założona w 2023 roku. Organizuje przewozy w Europie i Afryce Północnej, także ponadgabarytowe. Jej zespół ma za sobą 30 lat pracy w firmach transportowych i logistycznych. Strona internetowa firmy miała jednak tylko trzy sekcje i jedno zdjęcie.

Taka strona nie pokazywała pełnej oferty ani zasięgu firmy, a klient, który trafiał na nią pierwszy raz, nie miał skąd dowiedzieć się o doświadczeniu zespołu. Lama Group obsługuje klientów i partnerów z różnych krajów, więc nowa strona musiała mówić do nich w ich językach.

Do rozwiązania

  • Wielojęzyczność - pełna oferta i wszystkie funkcje strony w każdej z pięciu wersji językowych.
  • Uporządkowanie oferty - czytelny podział na pięć rodzajów transportu i cztery usługi dodatkowe, m.in. odprawy celne i rozładunek dźwigiem.
  • Wiarygodność - pokazanie rynków, doświadczenia zespołu i dokumentów, takich jak licencja spedytora.

/ 02 nasz proces

Strona miała pokazać, co firma robi i dokąd organizuje transport

Nowa strona internetowa miała odpowiedzieć zleceniodawcy na trzy pytania: jakie ładunki Lama Group obsłuży, na jakich rynkach działa i czy można jej powierzyć towar. Pracę podzieliliśmy na cztery etapy:

  • Warsztaty i analiza potrzeb
    Razem z Lama Group przeanalizowaliśmy potrzeby biznesowe i techniczne firmy, a na tej podstawie spisaliśmy wymagania wobec strony. Na czele listy znalazła się wielojęzyczność z pięcioma wersjami językowymi, a zaraz za nią czytelna prezentacja oferty.
  • Architektura informacji
    Ofertę podzieliliśmy w menu na dwie części: spedycję z pięcioma rodzajami transportu i cztery usługi dodatkowe. Każda z dziewięciu usług dostała własną podstronę z opisem i listą zalet. Dokumenty, informacje o firmie i kontakt mają osobne pozycje w menu, żeby klient bez szukania znalazł licencję czy telefon do biura.
  • Projekt graficzny i nawigacja
    Przygotowaliśmy koncepcje graficzne, w których każdy rodzaj transportu ma własne zdjęcie, np. ciężarówki, barki czy ładunku ponadgabarytowego, dzięki czemu klient od razu widzi, o jakim transporcie czyta. W nagłówku każdej podstrony umieściliśmy przełącznik języka i przycisk kontaktu z dopiskiem „Odpowiadamy w ciągu 24h”, żeby z każdego miejsca dało się zmienić język albo napisać do firmy.
  • Wdrożenie i testy
    Na podstawie projektu zbudowaliśmy wszystkie podstrony, od razu w pięciu wersjach językowych. Przed uruchomieniem przetestowaliśmy szybkość i stabilność strony oraz działanie jej funkcji, w tym globusu i formularzy.

Interaktywny globus pokazuje zasięg firmy

Globus na stronie głównej obejmuje Europę i Afrykę Północną. Po najechaniu kursorem na kraj, w którym firma działa, choćby Maroko albo jedno z państw bałkańskich, mapa go podświetla. Przy kursorze pojawia się wtedy flaga i nazwa regionu, do którego kraj należy, w języku strony. Obok jest lista tych samych rynków z flagami, a na jej końcu transport lotniczy i morski na całym świecie. Zleceniodawca w kilka sekund sprawdza, czy firma obsługuje jego kierunek.

Formularz zbiera dane do wyceny już w pierwszym zapytaniu

Przyciski „Szybka wycena transportu” prowadzą do formularza na stronie kontaktu. Klient wybiera w nim jedną z dziewięciu usług, a jeśli chce przyspieszyć wycenę, rozwija dodatkowe pola i podaje trasę ładunku (skąd i dokąd), jego wagę oraz terminy załadunku i rozładunku. Z takim zapytaniem spedytor może od razu zabrać się do wyceny. Kto woli rozmowę, na podstronach usług znajdzie krótszy formularz: wystarczy zostawić numer telefonu, a firma oddzwoni.

01 Kafelek każdej usługi prowadzi do jej podstrony. Klient szukający np. odprawy celnej od razu przechodzi do jej opisu.
02 Sześć etapów obsługi zlecenia, od analizy potrzeb po reagowanie na opinie. Nowy klient widzi, jak firma pracuje, zanim powierzy jej pierwszy ładunek.

/ 03 technologia i wielojęzyczność

Wybór technologii

Strona działa na Astro w trybie generowania statycznego (SSG). Wszystkie podstrony, po 14 w każdej wersji językowej (strona główna, dziewięć usług, dokumenty, informacje o firmie, kontakt i polityka prywatności), powstają jako gotowe pliki HTML jeszcze przed publikacją. Serwer tylko je wysyła, a wyszukiwarka od razu dostaje pełną treść. React obsługuje wyłącznie elementy interaktywne, np. globus, przełącznik języka, menu mobilne i formularze. Style napisaliśmy w Tailwind CSS.

Celowo nie wdrażaliśmy systemu CMS, czyli panelu do edycji treści. Na starcie treści miały się zmieniać rzadko, a Lama Group chciała prostej i niezawodnej strony, bez panelu i bazy danych do utrzymania. Zmiany wprowadza się więc bezpośrednio w kodzie.

Wielojęzyczna strona, w której przełącznik nie gubi podstrony

Każda z pięciu wersji ma przetłumaczone adresy i tytuły podstron, np. polski adres /transport-drogowy/ w wersji angielskiej to /en/road-transport/. Przełącznik języka w nagłówku przenosi na tę samą podstronę w wybranym języku, więc klient nie musi szukać jej od nowa ani wracać na stronę główną. W języku strony wyświetlają się też nazwy regionów na globusie i komunikaty błędów w formularzu. Mapa strony dla Google obejmuje wszystkie wersje językowe, dzięki czemu wyszukiwarka znajduje każdą z nich.

Podstrona przewozów śródlądowych w trzech z pięciu wersji językowych.

Angielska wersja podstrony przewozów śródlądowych na telefonie: nagłówek Inland Transport, opis usługi, przycisk Contact us i zdjęcie statku
03 Wersja angielska ma własny adres /en/inland-transport/, więc Google może ją pokazać komuś, kto szuka tej usługi po angielsku.
Ukraińska wersja podstrony przewozów śródlądowych na telefonie: nagłówek i opis cyrylicą, przycisk kontaktu i zdjęcie statku
04 Klient z Ukrainy czyta ofertę w swoim języku i alfabecie. Jeśli woli inny język, przełącznik w menu przeniesie go na tę samą podstronę.
Włoska wersja podstrony przewozów śródlądowych na telefonie: nagłówek Trasporto per le vie navigabili interne, opis i przycisk Contattateci
05 Przycisk kontaktu też jest po włosku, więc klient z Włoch od pierwszego ekranu wie, jak zapytać o transport.
06 Licencja spedytora, certyfikat ISO i polisa OCS do pobrania jednym kliknięciem. Nowy klient sprawdza uprawnienia firmy, zanim do niej napisze.
Formularz kontaktowy w wersji angielskiej na telefonie: dane klienta, wybór usługi, wiadomość i rozwinięte pola trasy, wagi oraz terminów
07 Jedno pole wyboru rozwija pytania o trasę, wagę i terminy. Spedytor dostaje dane do wyceny, a klient nie czeka, aż ktoś dopyta go o szczegóły.

/ wyniki

  • 95 /100 wydajność na telefonie

    strona główna
    Źródło: Lighthouse 12.8

  • 99 /100 wydajność na komputerze

    strona główna
    Źródło: Lighthouse 12.8

Wydajność strony głównej zmierzyliśmy w Lighthouse 12.8. Użyliśmy tych samych ustawień telefonu i komputera co Google PageSpeed Insights, który też działa na Lighthouse. Wynik na telefonie to mediana z trzech testów. W pozostałych kategoriach strona dostała 96 punktów za ułatwienia dostępu, 100 za sprawdzone metody i 100 za SEO.

Wyniki Lighthouse dla strony głównej lamagroup.pl na telefonie: wydajność 95, ułatwienia dostępu 96, sprawdzone metody 100, SEO 100

O Kliencie

Branża: Transport
Lokalizacja: Polska - Umiastów pod Warszawą
Wielkość firmy: 21-50
Rok powstania: 2023

Lama Group Transport to rodzinna firma spedycyjna z biurem w Umiastowie pod Warszawą, działająca od 2023 roku. Stoi za nią zespół z 30-letnim doświadczeniem zdobytym w firmach transportowych i logistycznych w Europie.

We współpracy z przewoźnikami firma organizuje transport drogowy, intermodalny, kolejowy, śródlądowy i ponadgabarytowy. Zajmuje się też odprawami celnymi, logistyką magazynową i detaliczną oraz rozładunkiem dźwigiem. Działa w Europie Zachodniej i Południowej, Europie Wschodniej i Afryce Północnej, a transport lotniczy i morski organizuje na całym świecie.

Lama Group ma licencję spedytora, certyfikat ISO 9001 i ubezpieczenie OCS.

Wielojęzyczność trzeba zaplanować razem ze strukturą strony

Dodanie wersji językowych do gotowej strony jest trudniejsze, bo trzeba wtedy przebudować adresy i nawigację. W projekcie dla Lama Group wielojęzyczność była wymaganiem od pierwszych warsztatów, dlatego tłumaczone adresy, przełącznik, który zna odpowiedniki podstron, i komunikaty formularza w każdym języku zaplanowaliśmy razem z architekturą informacji. Jeśli obsługujesz klientów w kilku krajach, ustal wersje językowe przed projektem, a nie po nim.

Panel do edycji treści można za to dodać później. Strona Lama Group celowo go nie ma, bo na starcie nie był potrzebny, ale gdy aktualizacji przybędzie, do tej samej strony w Astro można podłączyć Sanity. Takie połączenie działa już np. na stronie Gokyo Judo.

/ pytania

Pytania, które padają po przeczytaniu tego case study

W pięciu wersjach językowych. Każda ma 14 podstron z przetłumaczonymi adresami i tytułami. Po zmianie języka użytkownik zostaje na tej samej podstronie, tylko w innej wersji.

Ofertę rozpisaną na konkretne usługi, rynki, na których firma działa, dokumenty potwierdzające uprawnienia i prostą drogę do wyceny. Na stronie Lama Group każda z dziewięciu usług ma własną podstronę, a rynki pokazuje interaktywny globus. Licencję spedytora można pobrać jako PDF. W formularzu można od razu podać trasę, wagę ładunku i terminy.

Nie przez panel, bo strona celowo nie ma systemu CMS. Na starcie treści miały się zmieniać rzadko, a firmie zależało na prostej, niezawodnej stronie bez bazy danych, dlatego zmiany wprowadza się w kodzie. Gdyby aktualizacji było więcej, do strony w Astro można podłączyć CMS, np. Sanity.

Tak. Jeśli obsługujesz klientów w kilku krajach, potrzebujesz tego samego co spedytor: jasnej oferty, widocznego zasięgu i szybkiej drogi do wyceny. Wersje językowe i regiony na mapie dopasujemy do Twoich rynków, a pola formularza do Twoich usług.

To co,
zaczynamy?

Umów spotkanie