Wiele osób niepewnie odpowiada na to pytanie: „Przecież to tylko witryna! Po co jej osobowość?” Ale to nieprawda! Twoja strona internetowa to coś znacznie więcej – to przestrzeń, która odzwierciedla Twoje wartości i misję.
Podobnie jak my, ludzie, mamy swoje unikalne cechy i osobowość, tak samo Twoja witryna ma swoje „ja” – swój niepowtarzalny styl, ton i charakter, które powinny być spójne i dobrze widoczne. Jej osobowość wpływa na to, jak użytkownicy ją postrzegają, czy czują się na niej swobodnie, oraz czy chcą na niej pozostać.
Dbając o osobowość swojej strony, pamiętaj, aby była ona zgodna z tym, co chcesz przekazać. Starannie dobrany design, odpowiedni ton komunikacji i przejrzystość sprawiają, że odwiedzający czują się doceniani i chętniej wracają.
Case study – czy strona może mieć osobowość?
Tak było w przypadku Mirki. Umówiła się ze mną na konsultacje wstępne, ponieważ potrzebowała identyfikacji wizualnej oraz strony internetowej, aby zaprezentować ofertę w sieci i rozwinąć swoją działalność jako księgowa.
„Zawsze marzyłam o tym, by być księgową. Uwielbiam czytać o podatkach, rozmawiać na ten temat i odkrywać ich subtelności. Największą radość sprawia mi tłumaczenie i wyjaśnianie przepisów księgowych”.
Problem polegał na tym, że nie chciała mieć zimnej, zdystansowanej strony, jakich wiele w jej branży można znaleźć w sieci. Pragnęła być postrzegana jako osoba otwarta, komunikatywna, czerpiąca radość z relacji z innymi, a nie jako bezduszne biuro rachunkowe.
Przeczytaj: Dlaczego identyfikacja graficzna marki jest ważna?
Finalnie – projekt spełnił oczekiwania Mirki w 100%. Potwierdza to jej wiadomość, jaką dostałam na drugi dzień po oddaniu projektu:
„Cześć, pojawiły się już pierwsze zapytania przez stronę — wszystko działa super 🙂
Pierwszy mail i początek zdania: „Piękna strona”, „szukam księgowej z serduchem, która będzie mnie prowadzić przez te papierkowe sprawy”. Dziękuję Ci bardzo, bo właśnie o takie postrzeganie strony i mnie jako księgowej chciałam. Otrzymałam już kilka prywatnych wiadomości, że strona jest super! Mnie się bardzo podoba również i innym, a więc cel osiągnięty :)”
Mirka Rybińska
1. Ton głosu
Jak uzyskałyśmy taki efekt? Zaczęłyśmy od key visual i warsztatów strategicznych (jeśli chcesz się umówić na warsztaty – napisz do mnie), które zawsze proponuję moim klientkom. Podczas tego 2-godzinnego spotkania wydobyłyśmy głębokie motywy Mirki. Określiłyśmy ton głosu jej marki i osobowość, jaką chce pokazać poprzez swoją stronę.
Najmocniej przebijały się takie cechy jak: komunikatywna, cierpliwa, spokojna, słuchająca, pomocna, nowoczesna, godna zaufania. Potwierdza to też misja Mirki:
“Chcę, by sprawy podatkowe były zrozumiałe i proste. Dużą radość daje mi relacja z człowiekiem. Chcę, by każdy miał czas na to, co naprawdę lubi robić i mógł z łatwością zadbać o balans w życiu zawodowym i prywatnym, rozwijać się w tym, co lubi i na własnych zasadach.”
Cel, jaki nam przyświecał to pokazanie, że Mirka szybko buduje relacje i stawia na pozytywny kontakt. Chce, by klient nie bał się do niej pisać, dzwonić z pytaniami, a nie szukał odpowiedzi na własną rękę w wyszukiwarce czy przez AI.
2. Tożsamość wizualna
Kolejnym etapem było ustalenie tożsamości wizualnej. Teraz, gdy miałyśmy już cechy wyróżniające Mirkę, nie musiałyśmy zgadywać, czy projektować na podstawie subiektywnych odczuć: “to mi się podoba, a to nie”. Projektowałyśmy zgodnie z osobowością Mirki i jej celami.
KOLORY
Zdecydowałyśmy się na paletę barw, która oddaje ciepło i otwartość Mirki. Dominujące odcienie to neutralne i eleganckie barwy, które symbolizują wiedzę i spokój: głęboki granat, kremowa biel oraz ciepłe i kojące kolory, które budzą zaufanie: jasny błękit, naturalne odcienie beżu.
Paleta kolorów łączy neutralne kolory archetypu Mędrca z ciepłymi tonami Opiekuna. Dzięki temu marka jest odbierana jako spokojna, kontaktowa, nowoczesna, godna zaufania
i przyjazna.
Przeczytaj:
- Czym są barwy i kolory firmowe i jak je wybrać?
- Jak wybrać kolory na stronę internetową?
- Czym jest archetyp marki?
CZCIONKI
Wybór czcionek również nie był przypadkowy – postawiłyśmy na nowoczesne, ale czytelne kroje, które podkreślają profesjonalizm, a jednocześnie przystępność.
W nagłówkach znalazł się font IBM Plex Sans. Minimalistyczny, geometryczny, z subtelnymi humanistycznymi akcentami, które dodają mu przyjaznego charakteru. Pasuje do marki związanej z wiedzą i dbającej o relacje z odbiorcami.
Przeczytaj: Jak wybrać najlepsze czcionki na stronę www?
ZDJĘCIA I ELEMENTY GRAFICZNE
Nie mniej ważne były zdjęcia i elementy graficzne, które miały pojawić się na stronie. Zamiast standardowych fotografii biurowych, wybrałyśmy obrazy przedstawiające Mirkę w naturalnych, nieformalnych sytuacjach – w trakcie pracy nad dokumentami w przyjaznym, domowym otoczeniu.
Ikony i przyciski CTA — zaokrąglone, rysowane odręcznie dodają stronie osobistego charakteru i ciepła. Dzięki temu strona nie tworzy dystansu ani sztywności, co przeszkadzałoby w nawiązywaniu relacji z klientem.
Tak dopracowana tożsamość wizualna sprawiła, że odwiedzający stronę od razu czują się, jakby poznali Mirkę osobiście, albo znali ją od dawna. To nie tylko wzbudza zaufanie, ale również zachęca do kontaktu i zaprasza do współpracy.
3. Doświadczenie użytkownika
Dobrze zaprojektowane doświadczenie użytkownika to kluczowy element osobowości strony internetowej. Użytkownicy powinni łatwo poruszać się po witrynie, a każdy krok powinien być dla nich naturalny i logiczny.
Dlaczego to ważne? Na przykład osoby neuroróżnorodne, w tym osoby z ADHD, często nie przyswajają informacji w uporządkowany, liniowy sposób – od początku do końca, krok po kroku. Zamiast tego ich uwaga może przeskakiwać między różnymi elementami strony, zatrzymywać się na wyróżnionych fragmentach lub podążać za bodźcami wizualnymi, takimi jak kolory, animacje czy nagłówki, które pomogą im szybko zrozumieć strukturę strony. Jeśli witryna ma chaotyczny układ, brak jasnej hierarchii treści lub niespójny styl, może to sprawić, że użytkownik z ADHD poczuje się zagubiony i sfrustrowany.
Ważne jest, aby strona miała spójny wygląd, wyraźne nagłówki, dobrze oznaczone przyciski i logiczny układ treści, tak aby każdy mógł korzystać ze strony bez przeszkód.
Jeszcze przed projektem, zadbałyśmy więc o ustalenie celu strony i jej odbiorców, stworzenie mapy strony, przygotowanie wstępnych makiet podstron i ich powiązań.
UX
Dla Mirki najważniejszym celem było zaproszenie na spotkanie oraz przedstawienie szczegółowej oferty. Dlatego na stronie głównej w kilku miejscach umieściłyśmy zapraszający komunikat do kontaktu lub umówienia się na konsultację.
Problem, jaki się pojawił to brak kalendarza do umawiania spotkań. Mirka nie ma na ten moment możliwości określenia z góry, na kilka dni do przodu, swojej dostępności — wychowuje dwójkę małych dzieci. Zdecydowała się więc na ten moment tylko na kontakt telefoniczny i mailowy.
Założenia konwersji są priorytetowe, dlatego umieściłyśmy w kilku miejscach nr telefonu i/lub ikonę, która od razu przekierowuje do połączenia telefonicznego. Podobnie jest z wiadomością mailową. Dzięki temu łatwo znaleźć kluczowe punkty zachęcające do kontaktu. Natomiast formularz kontaktowy został maksymalnie uproszczony, żeby skrócić ścieżkę prowadzącą do spotkania.
ANIMACJE
Subtelne animacje mogą pomóc w skupieniu uwagi i prowadzeniu wzroku użytkownika do kluczowych elementów strony, co ułatwia orientację w interfejsie. Mogą też sprawiać, że interakcja ze stroną staje się bardziej angażująca i intuicyjna.
Zrezygnowałyśmy ze zbyt szybkich, gwałtownych lub migających efektów, które mogą działać rozpraszająco lub powodować przebodźcowanie. Co nie jest korzystne np. dla osób w spektrum autyzmu.
Zdecydowałyśmy się na delikatne animacje, takie jak subtelne powiększenia zdjęć i bloków tekstowych z ofertą po najechaniu na nie myszką, “wjazd” ikonek czy efekt “wciskania” na przyciskach. Wszystkie te zabiegi nie są zbyt inwazyjne, ale wystarczająco dodają dynamiki i sprawiają, że korzystanie ze strony staje się przyjemniejsze.
4. Elementy zaufania
Elementy zaufania to ostatni aspekt, który biorę pod uwagę przy budowaniu strony, ale tak samo ważny, jak wymienione powyżej. W jego zakres wchodzą: recenzje, opinie, studia przypadków i sygnały świadczące o bezpiecznym korzystania ze strony czy realizacji transakcji.
W przypadku Mirki, która dopiero zaczyna swoją dzielność w sieci, kluczowe były opinie od obecnych klientów, które pomogłyby zbudować zaufanie. Znalazłyśmy dla nich specjalne miejsce w zakładce “O mnie” oraz “Oferta”.
Bardziej techniczną sprawą było zadbanie o certyfikaty bezpieczeństwa, takie jak SSL, które dają ochronę użytkownikom i zwiększają poczucie bezpieczeństwa podczas korzystania z witryny. W LH.pl taki certyfikat możesz otrzymać bez dodatkowej opłaty.
Transparentna polityka prywatności oraz jasne zasady dotyczące przetwarzania danych to kolejne elementy, które mogą znacząco wpłynąć na postrzeganie strony jako godnej zaufania.
Podpięcie strony do Google Search Console — pokaże analizę zachowań użytkowników, co pozwoli na lepsze dobieranie tematów do bloga i zwiększy zaangażowanie odwiedzających. Będzie to też dobry start dla pozycjonowania strony. Michał opisywał u siebie na blogu jak wygląda prawidłowa weryfikacja strony w Google Search Console.
Jak widzisz osobowość strony można kształtować wieloma elementami. Może to być spójna kolorystyka i typografia, które odzwierciedlają charakter marki, albo unikalny ton komunikacji, który sprawia, że odwiedzający czują się jak w rozmowie z kimś, kogo znają i lubią. Nawet sposób, w jaki prezentowane są produkty czy usługi, wpływa na odbiór strony i buduje jej unikalny wizerunek.
Osobowość strony internetowej to jakby niewidzialna nić, która łączy Twoją markę z jej odbiorcami, wpływa na ich decyzje i buduje długotrwałe relacje. Dlatego tak ważne jest, aby Twoja witryna nie tylko przyciągała wzrok, ale także zdobywała serca i umysły odwiedzających.
Strona internetowa bez osobowości wydaje się dość ogólna i nijaka. Jeśli nie wyróżnia się – odwiedzający nie zapamiętają jej – nie mówiąc już o konwersji! Osobowość strony powinna być spójna z osobowością marki, nawet jeżeli mamy do czynienia z marką osobistą!
Podsumowanie i zadanie na koniec!
Na koniec mam dla Ciebie zadanie: spójrz na swoją witrynę tak, jak zrobiłby to odwiedzający:
- Czy jest zachęcająca dla Twojego wymarzonego klienta?
- Czy odzwierciedla wartości Twojej marki?
- Czy pokazuje Twoją osobowość? Czy możesz powiedzieć – “Tak, ta strona to JA?”
Jeśli masz odczucie, że Twoja strona internetowa nie odzwierciedla Twojej osobowości i wartości, pora to zmienić! Pomagam przedsiębiorczym kobietom tworzyć spójne identyfikacje wizualne oraz strony internetowe, które przyciągają właściwych klientów i budują zaufanie. Chcesz, aby Twoja witryna była nie tylko ładna, ale też skuteczna? Napisz do mnie – wspólnie zaprojektujemy stronę, która będzie pokazywać Twoje „JA”!