Data Wizards – coś więcej niż wizerunkowa strona

Proces tworzenie strony internetowej dla Data Wizards obejmował kilka kluczowych kroków, które były zrealizowane w oparciu o najlepsze praktyki w branży web designu i developmentu. Proces realizacji projektu rozpoczęliśmy od wspólnej analizy i planowania projektu.

Podczas pierwszego spotkania z klientem zebraliśmy informacje o branży, w której Data Wizards prowadzi swoje działania, poznaliśmy bezpośrednią i pośrednią konkurencję oraz zaznajomiliśmy się z docelową grupą klientów, do której ma być adresowana strona internetowa marki. Na podstawie wywiadu, przygotowaliśmy założenia, na podstawie których określiliśmy potrzeby i oczekiwania użytkowników z grupy docelowej.

Kolejnym krokiem było przeprowadzenie analizy stron konkurencyjnych w celu identyfikacji najlepszych rozwiązań i potencjalnych luk, które można wykorzystać w celu wyróżnienia marki i zapełnieniu powstałej na rynku niszy w obrębie przedmiotu działania Data Wizards.

Po skonfrontowaniu wyników powyższych obserwacji z określonymi przez Klienta celami i kluczowymi funkcjonalnościami, jakie ma zawierać oczekiwana strona internetowa, przygotowaliśmy wykaz niezbędnych do zrealizowania zadań, które miały na celu doprowadzenie nas do efektu końcowego, jakim jest skuteczna pod kątem generowana leadów sprzedażowych strona internetowa.

Po ustaleniu oczekiwanej funkcjonalności przystąpiliśmy do realizacji prac związanych z przygotowaniem makiety UX projektu w wyniku czego powstało 20 układów stron dostosowanych do prezentacji poszczególnych typów treści składających się z blisko 40 różnych, reużywalnych komponentów serwisu.

Na podstawie przygotowanej makiety UX, w oparciu o istniejącą kolorystykę marki Data Wizards, zrealizowana została warstwa interfejsu użytkownika (UI). Nasz zakres działań w tej przestrzeni obejmował m.in. zaprojektowanie ikonografii, dobór typografii do całego serwisu czy wykonanie animacji do sekcji hero serwisu.

Cały proces powstawania warstwy graficznej strony Data Wizards był na bieżąco konsultowany z zespołem projektowym Klienta, w skład którego wchodził dyrektor działu marketingu, brand manager i grafik odpowiadający za linię graficzną marki. W wyniku skoordynowanych prac udało się zaprojektować szatę graficzną, która spełniła oczekiwania Klienta względem spójności z istniejącą linią graficzną marki przy jednoczesnym wprowadzeniu oczekiwanych przez Klienta funkcjonalności.

Mając na uwadze poziom skomplikowania serwisu w kontekście dedykowanych funkcjonalności podjęliśmy decyzję o tym, że wdrożenie projektu Data Wizards zostanie zrealizowane w oparciu o nasz autorski, dedykowany motyw do systemu WordPress, który w głównej mierze oparty jest o framework Laravel.

Dzięki połączeniu systemu WordPress z Laravelem zaprogramowany został system, którego część frontowa, czyli ta – dostępna dla użytkownika końcowego ma znacznie większe możliwości rozwojowe niż realizacje oparte o standardowe rozwiązania WordPressa, przy jednoczesnym zachowaniu wysokich wskaźników Core Web Vitals, co sprawia, że strona chodzi szybko, płynnie i jest lubiana przez wyszukiwarkę Google.

Frontowa część serwisu wraz z responsywnością – czyli tym, że strona adaptuje swój wygląd do urządzenia na którym jest wyświetlana, została zaprogramowana przy użyciu Tailwind CSS, którego główną zaletą jest to, iż usuwa on nieużywane style z renderingu strony – co wpływa bardzo dobrze na wskaźniki wydajnościowe strony internetowej.

Na życzenie klienta przygotowaliśmy dedykowane moduły i funkcjonalności, dzięki którym udało się zrealizować projekt, który w 100% pokrywa potrzeby i jest do tego optymalny wydajnościowo. Poniżej znajdziesz kilka wybranych rozwiązań, które zaprojektowaliśmy i wdrożyliśmy specjalnie dla projektu Data Wizards:

• moduł szkoleń – umożliwiający wdrażanie programów szkoleń wraz z definiowaniem terminów i zbieraniem danych osobowych osób potencjalnie zainteresowanych udziałem w szkoleniu
• moduł oferta – obejmujący funkcjonalności katalogu produktów, pozwalający na klasyfikację elementów ofertowych wg wielu kategorii zaszeregowań
• moduł zespół – realizujący zadania związane z zarządzaniem
• moduł kariera – umożliwiający prowadzenie rekrutacji przy wykorzystaniu własnych zasobów poprzez zarządzanie ofertami pracy w obrębie „własnego” serwisu internetowego