Agencja interaktywna + Agencja marketingowa = Two Colours

O projekcie

Firma Artur Express dysponuje rozbudowaną flotą, dzięki której jest w stanie dostarczyć każdy rodzaj ładunku od punktu A do punktu B. Kluczowym elementem naszej współpracy była wiedza o głównym celu firmy: pozyskiwaniu nowych klientów za pośrednictwem formularza kontaktowego. To zrozumienie było fundamentem naszej dalszej pracy nad projektem.

Serdecznie zapraszamy do zapoznania się z procesem tworzenia strony internetowej dla firmy transportowej Artur Express.

Autorzy projektu
  • Mateusz
    Projektant UX
  • Łukasz
    Starszy Projektant Graficzny
Prototyp

Stworzenie prototypu — makieta landing page’a dla firmy transportowej

Pierwszą fazą w procesie tworzenia strony typu landing page dla firmy Artur Express była faza tworzenia prototypu, czyli kształtowania wstępnego obrazu strony. Na tym etapie skupiamy się na wypracowaniu początkowej wizji, określając kluczowe elementy układu strony jeszcze przed dokładniejszą pracą nad jej wyglądem.

Korzystamy z nowoczesnych narzędzi takich jak Figma i Miro, które pozwalają nam i naszym klientom zobaczyć architekturę strony na bardzo wczesnym etapie projektu. Ta wizualizacja umożliwia nam efektywną komunikację i wprowadzanie ewentualnych zmian. Od samego początku definiujemy rozmieszczenie różnych elementów: sekcji, tekstów, ilustracji, materiałów wideo oraz przycisków CTA.

W przypadku projektu dla Artur Express naszym celem było stworzenie strony, która motywuje do nawiązania kontaktu z firmą. Staraliśmy się także, aby użytkownicy łatwo mogli znaleźć wszelkie informacje na temat usług firmy i procesu ich zamawiania. W tym celu zastosowaliśmy różne formy prezentacji, od fotografii dostarczonych przez klienta po dynamiczne filmy, mające na celu przedstawienie działania floty firmy w akcji.

Nie możemy też zapomnieć o znaczeniu ciągłej komunikacji z klientem. Po zakończeniu tworzenia makiety zorganizowaliśmy wideorozmowę, podczas której omówiliśmy nasze propozycje i udzieliliśmy instrukcji, jak klient może podzielić się z nami swoimi opiniami i sugestiami.

Prototyp landing page dla firmy transportowej

Projekt graficzny landing page

W projektowaniu graficznym strony dla firmy transportowej Artur Express, główne założenia skupiały się na nowoczesności i klarowności komunikatu. Naszym celem było stworzenie interfejsu o minimalistycznym designie, który zarazem odzwierciedlałby profesjonalizm i wysoką jakość usług oferowanych przez firmę. Strona nie jest przepełniona zbędnym tekstem — zamiast tego dostarcza ona kluczowe informacje w sposób bezpośredni i jasny.

Sekcja hero landing page z formularzem kontaktowym
Projekt graficzny strony internetowej dla firmy transportowej

Estetyka strony została starannie zaprojektowana z wykorzystaniem stonowanej kolorystyki jako tła, na którym wyraźnie wyróżniają się elementy w intensywnym odcieniu czerwieni oraz przyciski CTA. Jeden z głównych celów strony to zachęcenie użytkownika do kontaktu z firmą — dlatego też formularz kontaktowy został umieszczony w sekcji hero, będąc tym samym pierwszym elementem, który użytkownik zauważa po wejściu na stronę. Za formularzem prezentowany jest dynamiczny filmik ilustrujący pojazdy firmy w trasie, dodający stronie życia i dynamiki. Pasek menu zawiera wszystkie niezbędne elementy nawigacyjne, w tym numer telefonu i adres e-mail, ułatwiając tym samym bezpośredni kontakt z firmą.

Tuż pod sekcją hero umieściliśmy kolejną sekcję, która w prosty i zrozumiały sposób wyjaśnia, jak w kilku krokach zamówić usługi transportowe. Dzięki przemyślanemu projektowi graficznemu ta część strony jest niezwykle przejrzysta dla użytkownika.

Nie zapomnieliśmy również o sekcji prezentującej kluczowe statystyki dotyczące firmy. Informuje ona o liczbie dostępnych pojazdów, ilości zadowolonych klientów wyrażonej w tysiącach, a nawet o ilości zaoszczędzonego rocznie CO2.

Na końcu strony znalazło się miejsce dla opinii zadowolonych klientów, co dodaje stronie wiarygodności i autentyczności.

Implementacja

Zakodowanie strony typu landing page

Kluczową fazą w procesie tworzenia witryny firmy transportowej było jej wdrożenie. Zastosowaliśmy do tego celu coraz bardziej popularne narzędzie do budowy stron — Elementor. To intuicyjne i dynamiczne narzędzie pozwala na łatwą personalizację strony, co jest niezwykle korzystne dla naszych klientów. Dzięki naszej elastycznej metodyce pracy w Elementorze klient ma późniejszą możliwość samodzielnych zmian i dostosowań strony, eliminując potrzebę angażowania zewnętrznych ekspertów.

Naszym celem jest umożliwienie klientom niezależnego zarządzania i dostosowywania ich strony internetowej — daje im to swobodę w reagowaniu na zmieniające się wymagania rynku i potrzeby odwiedzających.

Nie możemy pominąć również kwestii optymalizacji wydajności strony. Mimo rozbudowanej grafiki i licznych zdjęć strona ładuje się w mgnieniu oka, co jest niezbędne, aby utrzymać uwagę użytkowników.

W fazie programowania wprowadziliśmy również wcześniej zaplanowane funkcjonalności, które sprawiają, że witryna jest nie tylko atrakcyjna, ale także użyteczna i efektywna z biznesowego punktu widzenia.

Widget kontaktowy CallPage

Jednym z kluczowych elementów jest użycie narzędzia zwanego CallPage, które umożliwia błyskawiczne nawiązanie kontaktu telefonicznego z pracownikiem firmy. Nie jest to standardowe rozwiązanie, gdzie klient musi czekać na linii. Dzięki CallPage to pracownik firmy inicjuje połączenie, co dodatkowo podnosi poziom obsługi i skraca czas reakcji.

CallPage na landing page firmy transportowej

Google Api Address 

Wykorzystaliśmy również API od Google do ułatwienia wprowadzania adresów. Jest to mechanizm, który ułatwia użytkownikowi wprowadzenie adresu poprzez wyświetlanie sugestii w czasie rzeczywistym, zwiększając w ten sposób użyteczność i efektywność strony.

Google Api Address na landing page firmy transportowej

Jeżeli zainteresował Cię ten projekt, zachęcamy do zobaczenia go w pełnej odsłonie na naszym Behance’owym portfolio. Zapraszamy też do sprawdzenia naszych pozostałych realizacji.

Potrzebujesz pięknej i profesjonalnej strony internetowej? Umów się z nami na bezpłatną konsultację i dowiedz się, jak możemy Ci pomóc!

    Porozmawiajmy i ustalmy plan działania!

    Krótki formularz Wypełnij pełny brief

    Hidden
    Hidden
    Twoje dane są bezpieczne Więcej o ochronie danych osobowych
    Jak Ci się to podoba?