Agencja interaktywna + Agencja marketingowa = Two Colours

O projekcie

Nasze zadanie polegało na zaprojektowaniu i wdrożeniu strony internetowej typu landing page dla wyjątkowego kursu (nie)ZROZUMIEĆ AI, stworzonego w wyniku kolaboracji naszej agencji z Klubem Przedsiębiorczości. Ten kurs stanowi kluczowe narzędzie dla biznesów dążących do wdrożenia sztucznej inteligencji w swoich operacjach. Jego celem jest nie tylko edukacja, ale również inspiracja do eksplorowania nowych technologii. 

Autorzy projektu
  • Dawid Kotrys
    Właściciel, dyrektor kreatywny
  • Łukasz
    Starszy Projektant Graficzny
Prototyp

Tworzenie prototypu — makieta strony internetowej

Proces tworzenia strony rozpoczęliśmy od zbudowania jej prototypu, co stanowiło fundament dla początkowego designu. Nie skupialiśmy się na początku na skomplikowanych detalach graficznych, lecz koncentrowaliśmy się zamiast tego na stworzeniu prostego szkicu wizualnego, który posłużył jako baza dla dalszej pracy.

W fazie projektowania prototypu wykorzystaliśmy takie narzędzia jak Miro i Figma, które dają nam możliwość przeglądania oraz modyfikowania kompleksowego układu strony, od strony głównej aż po wszystkie podstrony. W tej fazie zaproponowaliśmy rozmieszczenie poszczególnych sekcji, tekstów, obrazów i przycisków CTA.

Naszym głównym celem podczas tworzenia landing page’a było zapewnienie, aby oferta była przedstawiona w sposób jak najbardziej klarowny i intuicyjny. 

Prototyp landing page sprzedażowego

Projekt graficzny

Zależało nam, aby design strony odzwierciedlał futurystyczny i innowacyjny charakter kursu. Podczas projektowania strony, kluczowym elementem stały się wysokiej jakości grafiki i wizualizacje, które zostały wygenerowane z wykorzystaniem sztucznej inteligencji. Dzięki temu strona zyskała unikalny i nowoczesny wygląd, który doskonale komunikuje jej przeznaczenie.

Strona główna landing page kursu AI
Projekt graficzny strony z kursem AI

W kolorystyce dominują ciemne tony, które są przełamane jaśniejszymi akcentami. Szczególną uwagę poświęciliśmy kolorowi neonowego zielonego, który został wykorzystany do wyróżnienia najważniejszych komunikatów i elementów strony. Ten energetyczny odcień zielonego przypomina światło neonowe i dodatkowo podkreśla nowoczesny charakter strony.

Zadbaliśmy, aby strona była nie tylko estetyczna, ale również funkcjonalna. Znajdują się na niej wszystkie niezbędne informacje o kursie, w tym jego harmonogram oraz przewidywane korzyści z uczestnictwa. 

Priorytetem było dla nas stworzenie strony, która jest intuicyjna w nawigacji i umożliwia łatwe odnajdywanie poszukiwanych informacji. Dzięki temu użytkownicy mogą bez trudu eksplorować treści i dokładnie zapoznać się z oferowanym kursem.

Implementacja

Zakodowanie strony 

Implementacja strony była ostatnim krokiem w procesie jej tworzenia. Skorzystaliśmy z Page Buildera o nazwie Elementor, który cieszy się uznaniem za jego elastyczność i łatwość użytkowania. Dzięki Elementorowi, zarówno programiści jak i klienci mogą z łatwością wprowadzać zmiany na stronie. 

W trakcie procesu kodowania skoncentrowaliśmy się na wpleceniu istotnych funkcjonalności, które miały przyczynić się do realizacji założonych celów biznesowych strony.

Timer

Jednym z ciekawszych elementów strony jest zaimplementowany timer, który odlicza czas do momentu, kiedy kurs osiągnie kolejny próg cenowy. To rozwiązanie nie tylko wzbudza zainteresowanie odwiedzających, ale również motywuje do szybszego podjęcia decyzji o zapisaniu się na kurs.

Timer ceny na stronie internetowej

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?
``