Agencja interaktywna + Agencja marketingowa = Two Colours

O projekcie

Naszym celem było zaprojektowanie przejrzystej strony landing page dla firmy IT — Nexago. Strona ma charakter informacyjny i precyzyjnie przedstawia zakres usług oferowanych przez specjalistów. Jej głównym zadaniem jest skłonienie osób poszukujących wsparcia w dziedzinie IT do nawiązania kontaktu z firmą, czy to poprzez formularz kontaktowy, czy bezpośrednią rozmowę telefoniczną.

Nexago specjalizuje się w działaniach IT takich jak tworzenie aplikacji dostosowanych do różnych branż czy zapewnianie pełnego cyberbezpieczeństwa dla biznesów. Dogłębna wiedza o tym, co firma oferuje była dla nas niezbędna, aby trafnie prezentować usługi na stronie i skutecznie przyciągać uwagę potencjalnego klienta.

Serdecznie zapraszamy do zapoznania się z procesem tworzenia landing page’a dla Nexago.

Autorzy projektu
  • Mateusz
    Projektant UX
  • Patryk
    Elementor Developer
Prototyp

Stworzenie prototypu — makieta landing page dla firmy IT

Rozpoczynając projekt strony landing page dla Nexago, pierwszym etapem było stworzenie prototypu, czyli wizualnego szkicu. Pozwoliło nam to zaprezentować początkowy zamysł strony, zanim przystąpiliśmy do szczegółowego projektowania graficznego. 

Do robienia prototypu używamy narzędzi takich jak Figma i Miro. Te platformy umożliwiają zarówno nam, jak i klientowi, wgląd w początkową koncepcję układu strony, co pozwala na efektywne planowanie rozmieszczenia sekcji, treści, grafik i przycisków Call to action. 

Dla Nexago postawiliśmy na prostotę i intuicyjność. Naszym celem było, aby użytkownicy szybko i łatwo mogli zorientować się w ofercie usług IT. Dbaliśmy o klarowność treści, przedstawiając krótkie i jasne opisy usług oraz umieszczając formularz kontaktowy. Komunikacja z klientem podczas tej fazy była dla nas priorytetem. 

Po zakończeniu tego etapu odbyliśmy wideorozmowę, podczas której przedstawiliśmy nasz projekt i udostępniliśmy instrukcje dla zgłaszania ewentualnych poprawek. 

Prototyp strony internetowej dla firmy Nexago

Projekt graficzny

Realizując projekt graficzny, zdecydowaliśmy się na standardowy, lecz jednocześnie nowoczesny design, który charakteryzuje się prostotą i czytelnością. Na wstępie, w sekcji hero, odwiedzający są przywitani dwoma wyrazistymi, jaskrawo-pomarańczowymi przyciskami CTA. Te przyciski od razu rzucają się w oczy, zapewniając odwiedzającym intuicyjną nawigację. Kolorystyka tej sekcji oparta jest na odcieniach niebieskiego i pomarańczowego, które dominują na całej stronie. Dodatkowo obraz w tle został zastosowany jako tzw. fixed background. Jest to efekt, w którym obraz tła jest ustawiony w taki sposób, że nie przesuwa się wraz z przewijaniem strony. Dzięki temu, podczas scrollowania treści nad obrazem, tło pozostaje nieruchome, co nadaje stronie dodatkowej dynamiki i głębi

Projekt strony głównej dla firmy z branży IT Nexago
Projekt graficzny strony dla firmy z branży IT Nexago

Chcieliśmy, by odwiedzający witrynę mogli szybko i łatwo odnaleźć poszukiwane informacje, dlatego kluczowe treści zostały zaprezentowane w skondensowanej formie. By nadać stronie dodatkowej atrakcyjności, posłużyliśmy się ikonami, grafikami i ramkami, które nie tylko upiększają stronę, ale też podkreślają jej treść. 

Jednym z ciekawszych elementów strony jest sekcja opisująca ofertę. W miarę przewijania strony, po prawej stronie użytkownik ma dostęp do zwięzłych tekstów opisujących usługi, podczas gdy po lewej stronie „wędruje” za nim grafika wraz z przyciskiem CTA do kontaktu. Dzięki temu, klienci, którzy już wiedzą, że znaleźli to, czego szukali, mogą natychmiast kliknąć przycisk i znaleźć formularz kontaktowy. 

Dodatkowo sekcja opisująca firmę została zaprojektowana tak, by treść była rozwijana. Pozwala to na dostosowanie się do potrzeb użytkowników – ci, którzy chcą poznać firmę bardziej szczegółowo, mogą zgłębić informacje, podczas gdy inni, bardziej zorientowani na szybkie przeglądanie, nie czują się przytłoczeni nadmiarem treści.

Implementacja

Zakodowanie strony internetowej

Wdrożenie landing page’a dla specjalistów z Nexago stanowiło kluczowy moment w ostatnich etapach jego kreacji. Użyliśmy do tego narzędzia Elementor, które wyróżnia się swoją łatwością w używaniu. Pozwala to klientom na samodzielne wprowadzanie zmian oraz rozbudowywanie strony, bez konieczności angażowania w to agencji.

Udostępniając klientom narzędzia do niezależnej edycji treści na stronie, gwarantujemy możliwość bieżących aktualizacji, które odpowiadają na ewoluujące wymagania rynku oraz oczekiwania odwiedzających. 

Podczas tworzenia strony zintegrowaliśmy również funkcję, która wspiera główny cel strony — ułatwienie potencjalnemu klientowi nawiązania kontaktu z firmą.

Formularz kontaktowy

Na stronę Nexago wdrożyliśmy intuicyjny formularz kontaktowy, do którego prowadzą, rozstawione po stronie przyciski CTA. Dzięki temu ułatwiliśmy i przyśpieszyliśmy proces nawiązania kontaktu z firmą. 

Formularz kontaktowy na stronie internetowej firmy Nexago

Zaintrygował Cię ten projekt? Gorąco zachęcamy do zgłębienia szczegółów na naszym profilu Behance. Nie zapomnij również przejrzeć naszych pozostałych prac.

Pamiętaj, że marzenie o zachwycającej i skutecznej stronie internetowej jest w zasięgu Twojej ręki. Umów się na bezpłatne spotkanie konsultacyjne i dowiedz się, jak możemy pomóc w realizacji Twoich wizji!

    Porozmawiajmy i ustalmy plan działania!

    Krótki formularz Wypełnij pełny brief

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