Strona główna Design: Jak sprawić, by Twoja strona główna odniosła sukces

.
. 8 Min.
Wskazówki dotyczące projektowania strony głównej

Strona główna lub homepage jest dla wielu sanktuarium strony internetowej. Powinna ona służyć wielu celom i służyć różnym grupom docelowym. A co najlepsze, w tym samym czasie. Jak wygląda dobry adres i ukierunkowany na cel projekt strony głównej? Oto najważniejsze wskazówki w ogólnym zarysie.

Mówię o firmach poniżej, ale zasady te mają zastosowanie w wielu częściach do prostego bloga, witryny specjalnego zainteresowania lub witryny zespołu, jak również. Strona główna powinna:

  • Pokaż firmę, agencję lub serwis od najlepszej strony
  • Jednoczesne mapowanie wszystkich obszarów działalności firmy
  • Pokaż, że firma jest na bieżąco, poprzez aktualności i połączenia na Facebooku, Instagramie, itp.
  • Ale również storytelling z historią założycieli powinien pasować
  • Subskrypcja newslettera musi być zawsze widoczna

Podobnie, zazwyczaj chcesz mapować nowe oferty pracy, wskazówki dojazdu, swój adres, wszystkie numery telefonów z kontaktami. I tak dalej.

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

Widać, dokąd to zmierza: Strona główna nie może i nie powinna robić wszystkiego, proszę. Trzeba podejść do sprawy koncepcyjnie i strategicznie i zastanowić się, co właściwie powinno się tam wyświetlać i dlaczego. Moje podejście z pewnością nie jest jedyne, a może nawet nie być najlepsze dla Twojej firmy. Ale postaram się uzasadnić wszelkie wskazówki. Jednak w komentarzach mile widziane są również inne opinie i sugestie.

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ć.

Najlepiej, jeśli zebrałeś nawet dane o swojej stronie głównej. Skąd pochodzą ludzie, którzy lądują na Twojej stronie głównej? Co chcą osiągnąć? Jak możesz im w tym pomóc? Jaki cel tak naprawdę ma dla Ciebie landing page? Jakie informacje chcesz przekazać?

Analiza Twojej strony internetowej

Zbieranie danych o stronie głównej i innych podstronach jest niezwykle ważne. W końcu to jedyny sposób, aby dowiedzieć się, czy Twoje treści i projekt działają. Przeczytaj nasze poradniki o KPI, content hubie i testowaniu treści.

Skąd pochodzą Twoi goście?

W większości przypadków użytkownicy wchodzą przez Google, przez Twoje działania marketingowe (może to być np. wizytówka) lub przez profile w mediach społecznościowych na Twojej stronie głównej. Ci odwiedzający mogą nie wiedzieć, czym tak naprawdę zajmuje się Twoja firma. Jednak w oczywisty sposób szukają oni 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 przeczytać artykuł na Twojej stronie internetowej, który udostępniłeś na przykład na Instagramie, a następnie przejść do strony głównej. 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ę ta strona lub firma?

Niestety, często się o tym zapomina. Pierwszą rzeczą, na którą strona główna musi odpowiedzieć swoim gościom jest: "Czy jestem tu we właściwym miejscu? Bo skądś przychodzą, lądują na Twojej stronie - 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ątek ich user experience (UX):

Trafiłeś we właściwe miejsce. Możesz oddychać spokojnie i zrelaksować się i uzyskać 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 gabinetu z trzeźwym 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.

Co do dużych suwaków: nie działają. Wielu już o tym pisało. Strona Czy używać karuzeli? jest dobrym początkiem. Również stwierdzenie "to jest ważne, umieścimy to w sidebarze!" już nie działa, ponieważ sidebar jest po prostu nieaktualny - i nie pasuje do responsywnego projektowania stron.

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 (CI) Twojej firmy. Twoje CI obejmuje sposób, w jaki zwracasz się do grupy docelowej. Istnieją w zasadzie trzy możliwości:

  • O tekście
  • O projekcie
  • O zdjęciach lub filmach

Wypowiedź na temat tekstu

Ludzie używają strony internetowej w bardzo różny sposób. Oznacza to, że nie wiesz, jak oni znajdują coś na Twojej stronie. Na przykład, pierwszą rzeczą, której używają jest menu, wyszukiwanie, a następnie skanowanie nagłówków lub linków na Twojej stronie. Jednak najczęstszym pierwszym punktem zaczepienia, na którym się koncentrują, jest pierwszy tekst na stronie, który dostarcza informacji użytkownikowi. Liczne badania wykazały, że tak właśnie jest. Można ten tekst "kształtować" zupełnie inaczej za pomocą adresu i tonalności.

"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.

Adresowanie za pomocą wzoru

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 do tego zdjęcia muszą być autentyczne. Ponieważ to, co pokazujesz o sobie i swoim zespole, musi być dziś prawdziwe. W przeciwnym razie ludzie nie będą czuli się traktowani poważnie. Nikt już nie chce oglądać zdjęć z dziwną blond telefonistką. Wystarczy tak niewiele, jak dziwna sala konferencyjna wypełniona uśmiechniętymi, ale "fałszywymi" ludźmi.

Może nawet masz dobry explainer video, który podsumowuje Twoje usługi w 30 sekund. A może masz wideo działające w tle, które pokazuje swój wymyślny hotel i piękny krajobraz wokół. 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?

Więc teraz mamy uwagę gości. Teraz wiedzą: "Jestem we właściwym miejscu, czuję się dobrze. To, co teraz następuje, to decyzja strategiczna: teraz możesz pogłębić informacje, które tutaj tylko pobieżnie poruszyłeś. Teraz możesz realizować - oprócz pierwszego wrażenia - swój drugi cel.

W tym momencie warto zastanowić się, co to właściwie jest ten cel. Zobacz również powiązaną strategię treści. Ponieważ jeśli odwiedzający nie są zafiksowani na Twoim menu lub wyszukiwaniu informacji, wtedy zaczynają przewijać stronę. Co więc zaproponować im dalej?

Możliwości są wielorakie:

  • Opowiedz historię
  • Pogłębić informacje o ofercie usług
  • Pokaż wspaniałe wydarzenia, zaręczyny lub wiadomości
  • Zaoferuj narzędzie do rezerwacji spotkań, wtedy nie zawsze będą dzwonić bezpośrednio do Ciebie
  • Ja osobiście najwięcej sprzedaję poprzez mój newsletter, oferuję go w wielu miejscach na stronie
  • Link do Twojej strony z ofertami pracy, jeśli szukasz nowych pracowników
  • Pokaż świetne recenzje

Jak widać, istnieją setki sposobów na dalsze projektowanie strony głównej. I z pewnością nie ma standardowej recepty na to, jak doprowadzić klienta do pożądanych wniosków. Będziesz musiał to wypróbować. Należy jednak pamiętać, że strona główna lub strona docelowa nie przyciągają uwagi w nieskończoność. Bardzo rzadko zdarza się, że ktoś przewija 27 metrów - i mimo to przyswaja wszystkie informacje.

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

Do tej koncepcji lubię używać tzw. wireframes lub mockups. Czyli sortujesz w prostych prostokątach z szarymi ramkami zawartość strony głównej. Bez prawdziwej treści, bez projektu. Możesz to zrobić na kartce papieru lub w programach takich jak Adobe XD, Sketch, Photoshop, InDesign, a nawet w Powerpoint. Jak już mówiłem, na razie nie mieszaj do tego projektu. W tym momencie chcesz wiedzieć, na przykład:

  • Co zdecydowanie powinno znaleźć się na stronie głównej?
  • Co nie musi się tam znaleźć?
  • Czy to wszystko zaczyna być zbyt wiele?
  • Czy cel może być osiągnięty przy dostępnej przestrzeni?
  • Czy odwiedzający widzą wezwanie do działania wystarczająco wcześnie?
Makiety Adobe XD
Makiety w Adobe XD

Przejdź do rzeczy!

Teraz, gdy już ustaliłeś swój drugorzędny cel i przekazałeś użytkownikom wszystkie informacje, które możesz zmieścić w ograniczonej przestrzeni, powinieneś sprecyzować swój cel. Najlepszym miejscem do tego jest dolna część strony. Jak już wspomniałem: możesz tam wyróżnić najważniejsze informacje, umieścić wezwanie do działania lub zaprosić użytkownika do kontaktu za pomocą swojego zdjęcia - obok danych kontaktowych. Niezależnie od tego, jaki jest Twój drugi cel strony: Teraz możesz umieścić go przed stopką. Twoja strona startowa to - jak już wspomniałem na początku - landing page.

Stopka może ponownie pełnić funkcję dodatkowej nawigacji, na przykład jeśli chcesz zaoferować więcej informacji w tym miejscu. Wiele osób lubi również patrzeć na swój odcisk, czy jesteś poważnym dostawcą. Ale uważaj! Zbyt wiele elementów w stopce może odwrócić uwagę od celu, jaki chcesz osiągnąć. Jeśli na przykład jest tam zapis do newslettera, ale piszesz newsletter tylko raz w roku, to jest to może mniej celowe.

Wnioski

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.

Zdefiniuj dokładnie swój cel drugorzędny. Zaprowadź tam gości. Jeśli to możliwe, sprawdź za pomocą analityki i testów A/B, czy to działa. A co działa jeszcze lepiej. Moim zdaniem, nie można zrobić strony głównej bardziej doskonały niż to.

Jak widać na stronach, które stworzyłem (patrz zrzuty ekranu) w tym poście, nawet moje rady nie zawsze prowadziły do rezultatów, które chciałem :-; Cieszę się, gdy słyszę o nowych spostrzeżeniach od Ciebie, w komentarzach, właśnie z tego powodu! Może znalazłeś już idealną formułę dla swojej strony głównej?

Twoje pytania dotyczące stanowiska

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 na temat WordPress i webdesignu? Następnie śledź RAIDBOXES na Twitterze, Facebooku, LinkedIn lub poprzez nasz newsletter.

Phillip jest niezależnym projektantem i od 2011 roku zajmuje się koncepcją, projektowaniem, tworzeniem i utrzymywaniem dostępnych stron internetowych WordPress dla swoich klientów w Kolonii. Przez wiele lat współorganizował WordCamp Europe i inne lokalne WordCampy. Jako projektant ds. komunikacji, Phillip lubi projektować logotypy, rozwiązania biznesowe i materiały reklamowe, w tym również stoiska targowe.

Powiązane artykuły

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Pola wymagane oznaczone są *.