Hanna Balabushko

Projekt został stworzony dla doświadczonego mentora QA i lidera zespołu technicznego z ponad 10-letnim doświadczeniem w IT. Anna aktywnie dzieli się swoją wiedzą poprzez indywidualne programy mentorskie, a także w ramach globalnych inicjatyw Women in Engineering (WINE) i Women for the Future.

Głównym celem strony internetowej jest przedstawienie Anny jako eksperta, który pomaga świeżo upieczonym informatykom wejść do IT z pewnością siebie, a profesjonalistom na wszystkich poziomach poprawić swoje umiejętności zawodowe, przygotować się do rozmów technicznych, stworzyć spersonalizowaną mapę drogową rozwoju i awansować na stanowiska kierownicze.

Terminy realizacji:

Analiza:2 tygodnie
Projektowanie:3 tygodnie
Wydanie:3 tygodnie
Wsparcie:na żądanie

Zadania nad którymi pracowaliśmy

- Ukazać wszechstronny wizerunek ekspertki, która pracuje nie tylko z osobami początkującymi i przebranżawiającymi się, ale także z doświadczonymi specjalistami poszukującymi nowych możliwości rozwoju w obszarze QA
- Stworzyć strukturę landing page’a, która nawet przy „zimnych” kontaktach maksymalnie jasno i szeroko demonstruje ekspertyzę oraz podejście Anny
- Przekazać poprzez jasną kolorystykę, styl wizualny i teksty poczucie spokoju, wsparcia i pewności siebie — tak, by strona była nie tylko prezentacją usług, ale też odzwierciedleniem osobowości, stylu pracy i wartości ekspertki
- Stworzyć minimalistyczny design, który podkreśla nie tylko usługi, ale także doświadczenie, podejście i wartości ekspertki
- Przekazać główną ideę: pomoc osobom zmieniającym branżę (switcherom) i testerom w odnalezieniu ścieżki kariery, tworzeniu spersonalizowanego roadmapu, przygotowaniu do rozmów kwalifikacyjnych oraz rozwoju w kierunku przywództwa
- Pokazać szeroką grupę docelową – od początkujących po doświadczonych specjalistów, którzy potrzebują wsparcia, informacji zwrotnej i uporządkowanego rozwoju
- Podkreślić formy współpracy: jednorazowe konsultacje, programy mentoringowe z mapami drogowymi i indywidualnym wsparciem
- Skoncentrować główny kanał komunikacji wokół formularza kontaktowego, a nie bezpośrednich wiadomości w mediach społecznościowych
- Dodać nowoczesne interaktywne elementy i animacje, które wzmacniają odbiór strony, ale nie przeciążają interfejsu
- Stworzyć strukturę odpowiadającą oczekiwaniom klientki: strona ma być „o niej” oraz o możliwości zamówienia indywidualnych konsultacji i programów mentoringowych – zarówno dla osób już pracujących w QA, jak i dla switcherów, którzy stawiają pierwsze kroki w branży IT

Rozwiązania, które zostały wdrożone

Struktura strony jest dobrze przemyślana: od pierwszego ekranu z naciskiem na markę osobistą do bloków z listą usług, korzyści, statystyk i formularzem opinii
Na całej stronie zintegrowano zdjęcia ekspertki w tle, które wzmacniają osobistą markę poprzez wizualną obecność i tworzą efekt żywej komunikacji
Projekt strony został zaprojektowany dla trzech typów urządzeń: komputera stacjonarnego, tabletu i telefonu komórkowego.

Tekstura betonowej ściany w tle głównych sekcji jako metafora solidnego fundamentu wiedzy i doświadczenia, które ekspert pomaga zbudować swoim podopiecznym

Jasna, minimalistyczna paleta kolorów z niebieskim akcentem, który wywołuje poczucie spokoju, wsparcia i zaufania - kluczowych wartości eksperta

Blok ze statystykami został stworzony z naciskiem na duże zdjęcie ekspertki i animację lewitujących cyfr, co podkreśla rzeczywiste doświadczenie i osiągnięcia. Takie podejście pokazuje wiedzę ekspercką i sprawia, że informacje są dostępne i przekonujące
Sekcja z usługami jest zbudowana tak, że średnia karta wyróżnia się wizualnie, skupiając uwagę użytkownika na kluczowym pakiecie usług, który ekspertka chce promować jako najbardziej optymalny pod względem stosunku ceny do wartości

Formularz zwrotny jako główny kanał komunikacji: pozwala na otrzymywanie zgłoszeń od zainteresowanych użytkowników, zmniejszając potrzebę bezpośrednich wiadomości w sieciach społecznościowych
Blok z linkami do aktywnych sieci społecznościowych (LinkedIn, Instagram) jest umieszczony w stopce, co ujawnia jeszcze więcej działań eksperta, podczas gdy głównym celem użytkownika jest wypełnienie formularza zgłoszeniowego

Menu nawigacyjne wspierająceа markę osobistą
Menu nawigacyjne zostało zaprojektowane w formie dobrze znanej ikony hamburgera, typowej dla urządzeń mobilnych, co pozwala zachować pełne skupienie na ekspertce na pierwszym ekranie
Po najechaniu kursorem na elementy menu, uruchamiany jest dodatkowy efekt zmiany zdjęcia ekspertki w bloku
To rozwiązanie dodaje stronie interaktywności i wzmacnia markę osobistą poprzez wizualną dynamikę.
Animacje: jednolity styl ruchu
Animacje są minimalistyczne i delikatne, aby nie przeciążać interfejsu i zachować poczucie lekkości
Główną ideą jest stworzenie jednego stylu animacji, który łączy różne bloki strony i wzmacnia koncentrację na kluczowych znaczeniach: efekt lewitacji kart opisujących docelowych odbiorców i liczby w bloku statystyk; płynne pojawianie się tekstu w sekcji «Etapy współpracy», które razem tworzą poczucie spójności
Takie szczegóły sprawiają, że strona wygląda nowocześnie i żywo, ale jednocześnie pasuje do stylu ekspertki, która stara się unikać niepotrzebnego szumu wizualnego
Przewijany pasek z zaletami
Sekcja zalet została zaprojektowana jako automatycznie przewijającego się paska – taki format umożliwia przedstawienie dużej ilości informacji w kompaktowy sposób, zachowując lekkość designu i nowoczesny wygląd interfejsu
Kluczowym celem tej sekcji jest pokazanie, że zalety to nie tylko zwykła lista, ale istotny element pozycjonowania ekspertki
Interaktywność ułatwia odbiór treści – po najechaniu kursorem na sekcję przewijanie zatrzymuje się, co pozwala użytkownikowi spokojnie zapoznać się z pełnym tekstem