Porady dotyczące projektowania stron internetowych

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

Dla wielu osób strona główna to sanktuarium witryny. Powinien 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? Oto 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.

"*" wyświetla wymagane pola

Chcę otrzymywać newsletter, aby być informowanym o nowych artykułach na blogu, e-bookach, funkcjach i nowościach dotyczących WordPress. Mogę wycofać swoją zgodę w dowolnym momencie. Należy zapoznać się z naszą Polityką prywatności.
To pole służy do weryfikacji i nie powinno być zmieniane.

Strona główna jest stroną docelową

Podobnie jak wszystkie strony w Twojej witrynie, strona główna jest stroną docelową. Zobacz nasz wkład w optymalne projektowanie stron docelowych. Kiedy zdasz sobie z tego sprawę, już wiele zrobiłeś. Ponieważ wtedy zastanawiasz się na nowo.

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ą do Ciebie przez Google, Twoje działania marketingowe (może to być na przykład wizytówka) lub profile w mediach społecznościowych na Twojej stronie głównej. Odwiedzający mogą nie wiedzieć, czym zajmuje się Twoja firma. Ale oczywiście szukają firmy, która oferuje Twoje usługi lub informacje. 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ą skądś, lądują na Twojej stronie WordPressa - i jeszcze nic nie wiedzą. Już na samym początku potrzebują potwierdzenia, że znaleźli się na właściwej stronie. To jak mały poczęstunek na początku ich user experience (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

To właśnie tutaj często mam największy problem: najpierw musisz zaangażować ludzi emocjonalnie, aby zostali. To tak, jakbyś powiedział: "Umieścimy na stronie głównej wielkie zdjęcie, a potem pozwolimy, by wiadomości pojawiały się za pomocą suwaka". Żeby zobaczyli, że jesteśmy wspaniałą globalną firmą.

Jeśli chodzi o duże suwaki: nie działają. Wielu już o tym pisało. Strona Czy powinienem używać karuzeli? to dobry początek. Stwierdzenie "to jest ważne, umieścimy to na pasku bocznym!" niestety też już nie działa, ponieważ pasek boczny jest po prostu nieaktualny - i nie pasuje do responsywnego projektowania stron internetowych.

Emocje

Daję zdecydowane „tak”, jeśli chodzi o emocjonalne zwracanie się do grupy docelowej. To nie tylko angażuje Twoich klientów na poziomie merytorycznym, ale także przemawia do mózgu w zupełnie inny sposób. Moim zdaniem pierwsza wiadomość powinna nadal brzmieć: "Co właściwie robicie?” Tak można dodać poziom emocjonalny?

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ą ze stron internetowych w 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 stronie WordPress. Jednak najczęstszym pierwszym punktem zaczepienia jest pierwszy tekst na stronie internetowej, który dostarcza informacji. Wykazały to liczne badania. Możesz "kształtować" ten tekst w bardzo różny sposób za pomocą adresu i tonu.

"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 było, zdjęcia muszą być autentyczne. Ponieważ to, co pokazujesz o sobie i swojej grupie, musi być prawdziwe. W przeciwnym razie ludzie nie będą czuli się traktowani poważnie. Nikt już nie chce oglądać zdjęcia z dziwną blond telefonistką. Podobnie 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ę gości. Teraz wiedzą: "Jestem we właściwym miejscu, czuję się dobrze. To, co teraz nastąpi, to decyzja strategiczna: teraz możesz pogłębić informacje, które tutaj tylko pobieżnie omówiłeś. Teraz możesz realizować swój drugi cel - oprócz pierwszego wrażenia.

W tym momencie warto zastanowić się, czym właściwie jest ten cel. Zobacz też strategię dotyczącą treści. Ponieważ jeśli odwiedzający nie są zafiksowani na Twoim menu lub na poszukiwaniu informacji, zaczną przewijać. Co więc zaproponujesz im 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 widzisz, istnieją teraz setki sposobów na zaprojektowanie strony głównej. I z pewnością nie ma standardowej recepty na doprowadzenie klientów do pożądanych wniosków. Musisz to wypróbować. Pamiętaj jednak, że Twoja strona startowa lub strona docelowa nie będzie miała nieskończonej ilości uwagi. Mało kto przewija 27 metrów - a mimo to przyswaja wszystkie informacje.

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

Do tego celu lubię używać tak zwanych wireframes lub makiet. To znaczy, że sortujesz zawartość strony startowej w prostych prostokątach z szarymi ramkami. Bez prawdziwej treści, bez projektu. Możesz to zrobić na kartce papieru lub w programach takich jak Adobe XD, Sketch, Photoshop, InDesign lub w PowerPoint. Jak już mówiłem, nie mieszaj do tego projektu. 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?
Mockup Wireframe Adobe XD
Szkice w Adobe XD

Przejdź do rzeczy!

Teraz, kiedy już ustaliłeś swój cel drugorzędny i przekazałeś użytkownikom wszystkie informacje, które możesz zmieścić w ograniczonej przestrzeni, powinieneś doprecyzować swój cel. Najlepiej zrobić to na dole strony. Jak już mówiłem, możesz tam podkreślić najważniejsze informacje, umieścić wezwanie do działania lub wykorzystać swoje zdjęcie - obok danych kontaktowych - do zaproszenia do kontaktu. 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ż wspomniałem - landing page.

Stopka może też pełnić rolę dodatkowej nawigacji, na przykład jeśli chcesz tam zaoferować dodatkowe informacje. Wiele osób lubi też patrzeć na twój nadruk, aby sprawdzić, czy jesteś renomowanym dostawcą. Ale uważaj! Zbyt wiele elementów w stopce może odwrócić uwagę od Twojego właściwego celu. Na przykład, jeśli istnieje możliwość zapisania się na newsletter, ale piszesz go tylko raz w roku, może to być mniej skuteczne.

"*" wyświetla wymagane pola

Chcę otrzymywać newsletter, aby być informowanym o nowych artykułach na blogu, e-bookach, funkcjach i nowościach dotyczących WordPress. Mogę wycofać swoją zgodę w dowolnym momencie. Należy zapoznać się z naszą Polityką prywatności.
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. Zaprowadź tam odwiedzających. Jeśli to możliwe, sprawdź za pomocą analityki i testów A/B, czy to działa. I co może działać jeszcze lepiej. Moim zdaniem nie da się zrobić strony głównej bardziej doskonałej.

Jak możesz zobaczyć na stronach, które stworzyłem (zobacz zrzuty ekranu) w tym poście, nawet moje rady nie zawsze prowadziły do rezultatu, którego chciałem. Dlatego czekam na nowe spostrzeżenia od Ciebie 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. Pola wymagane oznaczone są *.