Wskazówki dotyczące projektowania strony głównej

Projektowanie strony głównej: Jak sprawić, by Twoja strona główna odniosła sukces

Dla wielu osób strona główna jest prawdziwym sanktuarium witryny. Powinna ona spełniać wiele celów i służyć różnym grupom docelowym. I najlepiej w tym samym czasie. Jak wygląda dobry adres i ukierunkowany na cel projekt strony głównej? Poniżej znajduje się przegląd najważniejszych wskazówek.

W poniższym tekście mówię o firmach, ale zasady te w wielu miejscach odnoszą się także do zwykłego bloga, strony poświęconej Twoim zainteresowaniom lub strony Twojego zespołu. Strona główna powinna:

  • Pokazać firmę, agencję lub usługę od najlepszej strony.
  • Równocześnie pokazać wszystkie obszary działalności biznesowej
  • Pokazać, że firma jest na bieżąco dzięki aktualnościom i połączeniu z Facebookiem, Instagramem itp.
  • Zawierać opowiadanie historii o założycielach
  • Posiadać widoczną subskrypcję Newslettera.

Tak samo zazwyczaj chcesz pokazać nowe oferty pracy, sposób dotarcia do Ciebie, Twój adres, wszystkie numery telefonów wraz z osobami kontaktowymi. I tak dalej.

optymalizacja obrazów strona główna
Strona domowa zgodnie z mottem: Obraz mówi więcej niż tysiąc słów

Już widzisz, dokąd to zmierza: Strona startowa nie może i nie powinna tego wszystkiego robić. Musisz podejść do sprawy koncepcyjnie i strategicznie oraz dokładnie przemyśleć, co i dlaczego powinno być tam pokazane. Moje podejście z pewnością nie jest jedynym, a może nawet nie jest najlepsze dla Twojej firmy. Postaram się jednak uzasadnić wszystkie wskazówki. Chętnie jednak poznam też inne opinie i sugestie w komentarzach.

Zgoda*
To pole służy do weryfikacji i nie powinno być zmieniane.

Strona główna jest stroną docelową

Jak wszystkie strony na Twojej witrynie, strona główna jest stroną docelową. Zobacz nasz post o tym, jak najlepiej projektować strony docelowe. Kiedy to sobie uświadomisz, już wiele osiągnąłeś. Bo wtedy zaczynasz się zastanawiać.

Idealnie byłoby, gdybyś już zebrał dane o swojej stronie głównej. Skąd pochodzą ludzie, którzy trafiają na twoją stronę główną? Co chcą osiągnąć? Jak możesz im pomóc? Jaki cel ma dla ciebie ta strona docelowa? Jakie informacje chcesz przekazać?

Analiza Twojej strony internetowej

Zbieranie danych o stronie głównej i innych podstronach jest niezwykle ważne. W końcu tylko w ten sposób dowiesz się, czy twoje treści i projekt prowadzą do celu. Przeczytaj nasze poradniki o KPI, Content Hub i testowaniu treści.

Skąd przychodzą odwiedzający?

W większości przypadków użytkownicy trafiają na stronę główną przez Google, działania marketingowe (może to być na przykład wizytówka) lub profile w mediach społecznościowych. Odwiedzający mogą nie wiedzieć, czym tak naprawdę zajmuje się Twoja firma. Z pewnością jednak szukają oni firmy, która oferuje usługi lub informacje o użytkowniku. W przeciwnym razie nie zawracaliby sobie głowy odwiedzaniem Twojej strony głównej.

W wielu przypadkach mogą oni najpierw przeczytać artykuł na twojej stronie internetowej, którym podzieliłeś się na przykład na Instagramie, a dopiero potem przejść na stronę główną, aby zobaczyć, czym tak naprawdę zajmuje się firma. Teraz musisz coś zaoferować użytkownikom! A pierwszą rzeczą jest odpowiedź na pytanie:

Czym w ogóle zajmuje się firma?

Niestety, często się o tym zapomina. Pierwszą rzeczą, na którą strona główna musi odpowiedzieć odwiedzającym, jest pytanie: "Czy jestem we właściwym miejscu? Ponieważ przychodzą z jakiegoś miejsca, lądują na Twojej witrynie WordPress - i jeszcze nic nie wiedzą. Już na samym początku potrzebują potwierdzenia, że trafili na właściwą stronę. To jak mały cukierek na początku doświadczenia użytkownika (UX):

Trafiłeś we właściwe miejsce. Możesz odetchnąć spokojnie, zrelaksować się i uzyskać potrzebne informacje!

Moja sugestia jest następująca: Trzy do czterech zdań, które krótko, ale dokładnie wyjaśniają, co oferujesz. Z linkiem pod spodem, jeśli chcesz wiedzieć więcej. Po to jest internet, aby uzyskać więcej informacji za jednym kliknięciem.

Strona główna Tekst podstawowy
Strona główna praktyki z rzetelnym tekstem wprowadzającym

W tym miejscu często mam największe problemy: najpierw trzeba zaangażować ludzi emocjonalnie, aby zostali. Na przykład: "Umieścimy wielkie zdjęcie na stronie głównej, a potem pozwolimy, by wiadomości pojawiały się za pomocą suwaka. Aby mogli zobaczyć, jak wspaniałą globalną firmą jesteśmy.

Jeśli chodzi o duże suwaki: nie działają. Wiele osób już o tym pisało. Dobrym początkiem jest strona internetowa Czy używać karuzeli? Stwierdzenie "to ważne, umieścimy to na pasku bocznym!" nie jest już niestety możliwe, ponieważ pasek boczny po prostu nie jest już aktualny - i nie jest zgodny z responsywnym projektowaniem stron internetowych.

Atrakcyjność emocjonalna

Daję zdecydowane "tak" dla zwracania się do grupy docelowej na poziomie emocjonalnym. To nie tylko wiąże Twoich klientów na poziomie merytorycznym, ale także przemawia do mózgu w zupełnie inny sposób. Moim zdaniem jednak pierwsza wiadomość nadal powinna brzmieć "Co ty właściwie robisz?". W jaki sposób można wprowadzić również poziom emocji?

Jest to strategiczna decyzja, która powinna być oparta na tożsamości korporacyjnej (Corporate Identity — CI) Twojej firmy. Twoje CI obejmuje sposób, w jaki zwracasz się do grupy docelowej. Istnieją w zasadzie trzy możliwości:

  • Tekst
  • Design
  • Zdjęcia lub filmy

Tekst

Ludzie korzystają z witryn internetowych w bardzo różny sposób. Oznacza to, że nie wiesz, w jaki sposób użytkownicy znajdują coś na Twojej stronie. Na przykład najpierw korzystają z menu, wyszukiwania, a następnie skanują nagłówki lub linki na Twojej witrynie WordPress. Jednak najczęstszym pierwszym punktem zaczepienia jest pierwszy tekst na stronie internetowej, który zawiera informacje dla użytkownika. Wykazały to liczne badania. Za pomocą adresu i tonu można "kształtować" ten tekst w bardzo różny sposób.

"Jestem Phillip Roth, tworzę stronę internetową dla Twojego biznesu" brzmi inaczej niż "Hej, jestem influencerem web designu optymalizującym Twój szalony UX pod kątem najwyższych rosnących KPI!". Przyjrzyj się dobrze swojej grupie docelowej i dostosuj odpowiednio swój ton głosu. Jest to tak samo ważna część tożsamości korporacyjnej jak projekt.

Design

Atrakcyjny design nie tylko przekazuje profesjonalizm, ale również porusza emocje. Zobacz nasz artykuł na temat podstawowych zasad harmonijnego projektowania stron internetowych. Kolory, dobór czcionek, elementy projektu - wszystko to może przekazać odwiedzającym pewność siebie, radość, chłód, szaleństwo i wiele innych emocji. Corporate design jest częścią ogólnego przekazu, jaki Twoja firma chce przekazać. Elementy budujące zaufanie, takie jak certyfikaty, mogą przynieść kolejne punkty bonusowe.

Strona główna Zdjęcia Emocje
Strona główna z odwołaniem emocjonalnym i tekstem wprowadzającym

Zdjęcia lub filmy

Wizerunek Twojej firmy kształtowany jest również przez język wizualny. Jesteś globalną firmą z 600 pracownikami i fajnymi wieżowcami w Szanghaju czy małą manufakturą z ładnym warsztatem? Jesteś trenerem z pięknymi salami warsztatowymi lub lekarzem z szykownym gabinetem? To jest to, co Twoi goście chcą wiedzieć i zobaczyć. Chcą się dowiedzieć: "Czy dobrze się tam czuję?", "Czy produkt mi się podoba?", "Czy jest to firma, do której mógłbym aplikować?", "Czy pracują tam normalni ludzie?". "Czy da się ich lubić?".

Wszystko to można przekazać w ciągu milisekund za pomocą jednego lub kilku pięknych obrazów. Ale żeby tak się stało, zdjęcia muszą być autentyczne. Ponieważ w dzisiejszych czasach to, co pokazujesz o sobie i swoim zespole, musi być prawdziwe. W przeciwnym razie ludzie nie będą czuli się traktowani poważnie. Nikt już nie chce oglądać zdjęć z dziwną blondynką obsługującą telefon. Wystarczy tak niewiele, jak dziwna sala konferencyjna wypełniona uśmiechniętymi, ale "fałszywymi" ludźmi.

Może masz nawet dobry film wyjaśniający, który podsumowuje Twoje usługi w 30 sekund. A może masz w tle uruchomiony filmik, który pokazuje twój wytworny hotel i piękny krajobraz wokół niego. Wszystko, co wspiera twoją tożsamość korporacyjną i związane z nią przesłanie, jest dobre!

Strona główna Koncepcja kolorystyczna
Strona główna z atrakcyjnymi zdjęciami i jednolitą koncepcją kolorystyczną

Co dalej?

Teraz mamy uwagę zwiedzających. Teraz wiedzą: "Jestem we właściwym miejscu, czuję się dobrze. Teraz należy podjąć strategiczną decyzję: teraz można pogłębić informacje, które tutaj zostały tylko pobieżnie omówione. Teraz możesz dążyć do osiągnięcia drugiego celu - oprócz pierwszego wrażenia.

W tym momencie warto zastanowić się, co to właściwie jest ten cel. Zobacz także powiązaną strategię treści. Ponieważ jeśli odwiedzający nie są zafiksowani na menu lub poszukiwaniu informacji, zaczną przewijać stronę. Co zatem można im zaproponować w następnej kolejności?

Możliwości jest wiele:

  • Opowiedz historię
  • Poszerzaj informacje o swojej ofercie usług
  • Pokaż wspaniałe wydarzenia, spotkania lub wiadomości
  • Zaoferuj narzędzie do rezerwacji spotkań, dzięki temu osoby nie będą zawsze dzwonić bezpośrednio do ciebie
  • Ja osobiście najwięcej sprzedaję poprzez mój Newsletter, oferuję go w wielu miejscach na stronie internetowej
  • Umieść link do swojej strony z ofertami pracy, gdy szukasz nowych pracowników
  • Pokaż świetne recenzje

Jak widać, istnieją setki sposobów na dalsze projektowanie strony głównej. I z pewnością nie istnieje standardowa recepta na doprowadzenie klienta do pożądanych wniosków. Trzeba to wypróbować. Należy jednak pamiętać, że strona startowa lub strona docelowa nie przyciągają uwagi w nieskończoność. Mało kto przewija 27 metrów - a mimo to przyswaja wszystkie informacje.

Strona główna Testimonials
Strona główna z wyceną i oferowanymi usługami

Do realizacji tej koncepcji lubię wykorzystywać tzw. makiety (ang. wireframes lub mockups). Oznacza to, że zawartość strony startowej jest posortowana w proste prostokąty z szarymi ramkami. Bez prawdziwej treści, bez projektu. Można to zrobić na kartce papieru lub w programach takich jak Adobe XD, Sketch, Photoshop, InDesign lub PowerPoint. Jak już mówiłem, na razie nie zajmuj się projektem. W tym momencie chcesz wiedzieć, na przykład:

  • Co zdecydowanie powinno znaleźć się na stronie głównej?
  • Co niekoniecznie musi się tam znaleźć?
  • Czy tego wszystkiego jest już za wiele?
  • Czy cel może zostać osiągnięty przy wykorzystaniu dostępnej przestrzeni?
  • Czy odwiedzający widzą wezwanie do działania wystarczająco wcześnie?
Makiety Adobe XD
Szkice w Adobe XD

Przejdź do rzeczy!

Po określeniu celu drugorzędnego i przekazaniu użytkownikom wszystkich informacji, które można zmieścić na ograniczonej przestrzeni, należy sprecyzować cel. Najlepiej jest to zrobić na dole strony. Jak już wspomniałem, można tam wyróżnić najważniejsze informacje, umieścić wezwanie do działania lub zaprosić użytkowników do skontaktowania się z Tobą za pomocą zdjęcia obok danych kontaktowych. Niezależnie od tego, jaki jest Twój drugi cel strony: teraz możesz go umieścić przed stopką. Twoja strona startowa to - jak już wspomniano - strona docelowa.

Stopka może również pełnić funkcję dodatkowej nawigacji, na przykład jeśli chcesz zamieścić w niej dodatkowe informacje. Wiele osób lubi też sprawdzać nadruk na produkcie, aby przekonać się, czy jest to renomowany dostawca. Ale uważaj! Zbyt wiele elementów w stopce może odwrócić uwagę od celu, jaki chcesz osiągnąć. Na przykład, jeśli istnieje możliwość zapisania się na biuletyn, ale biuletyn jest wydawany tylko raz w roku, może to być mniej skuteczne.

Zgoda*
To pole służy do weryfikacji i nie powinno być zmieniane.

Wnioski dotyczące projektowania strony głównej

Pomyśl o swojej stronie głównej jak o landing page. Daj odwiedzającym poczucie, że znaleźli się na właściwej stronie. Wzmocnij to uczucie dzięki podejściu zorientowanemu na grupę docelową, szykownemu wzornictwu i wspierającym, autentycznym zdjęciom.

Dokładnie określ swój cel drugorzędny. Poprowadź tam zwiedzających. Jeśli to możliwe, sprawdź za pomocą analityki i testów A/B, czy to działa. A może nawet lepiej. Moim zdaniem strona główna nie może być bardziej doskonała niż ta.

Jak widać na stronach, które utworzyłem (patrz zrzuty ekranu) w tym wpisie, nawet moje rady nie zawsze prowadziły do pożądanych przeze mnie rezultatów. Dlatego z niecierpliwością czekam na nowe spostrzeżenia od Was w komentarzach! Może znalazłeś idealną formułę dla swojej strony głównej?

Twoje pytania

Czy masz pytania do Phillipa? A może wskazówki dotyczące wyglądu strony głównej? Czekamy na Twój komentarz. Chcesz być informowany o nowych artykułach dotyczących WordPressa i projektowania stron internetowych? Obserwuj Raidboxes na Twitterze, Facebooku, LinkedIn lub poprzez nasz Newsletter.

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany.