18 najlepszych pomysłów na projektowanie stron internetowych dla inspiracji w 2020

18 pomysłów na projektowanie stron internetowych z prawdziwymi przykładami

użyj jednostronicowej strony internetowej

jednostronicowa strona internetowa przechowuje wszystkie ważne informacje o Twojej firmie na jednej stronie, dzięki czemu użytkownicy mogą dowiedzieć się wszystkiego, czego potrzebują, bez konieczności przechodzenia do różnych części witryny., Jednym z najlepszych sposobów, aby to osiągnąć jest umieszczenie wszystkich informacji na suwak pełnoekranowy jak Galleon i Caravan site zrobił:

najważniejszą rzeczą do zapamiętania podczas pracy z tego rodzaju projektu jest to, że chcesz uniknąć tłoczenia strony ze zbyt dużą ilością informacji.,

How jak stworzyć jednostronicową stronę internetową

pomysły na projektowanie stron internetowych dla filmów

treści wideo mogą być skutecznym składnikiem każdej strony internetowej i jest to szczególnie potężny sposób na powitanie odwiedzających na twojej stronie głównej. Jedną ze stron, która dobrze wykorzystuje wideo na swojej stronie głównej, jest kanadyjska strona Agorapulse:

Możesz wybrać, aby film był łatwo odtwarzalny ze swojej strony głównej lub nawet ustawić go na autoplay, upewnij się jednak, że nie wybierzesz opcji autoodtwarzania, jeśli Wideo zawiera dźwięk., Wiele osób woli ciche przeglądanie.

How jak dodać wideo do WordPressa

Zainwestuj w ilustrację

niestandardowe ilustracje to świetny sposób na stworzenie wyjątkowego stylu twojej marki i danie odwiedzającym wyobrażenia o tym, jak będzie wyglądała praca z Twoją firmą., Jedną ze stron, która robi to szczególnie dobrze, jest Social Media Examiner:

ich Niestandardowy ilustrowany baner przekazuje zaangażowanie Social Media Examiner w odkrywanie nowych aspektów mediów społecznościowych i przyjazne podejście do pracy z klientami.

oczywiście ta trasa może być droga, więc chcesz skupić się na dwóch lub trzech niestandardowych ilustracjach na swojej stronie głównej.,

zaakcentuj swoją stronę główną animacjami

kolejnym świetnym sposobem na unikalność strony głównej i przyciągnięcie uwagi odwiedzających jest funkcja niestandardowych animacji. Mogą one wypełnić całą stronę główną lub być używane jako akcent, tak jak są na stronie dla najlepszego Dnia Edukacji w historii:

Zachowaj animacje proste i krótkie, aby pomieścić krótkie zakresy uwagi odwiedzających. Możesz również włączyć wezwanie do działania w swojej animacji.,

Gamify swoją stronę

jednym z najlepszych sposobów, aby przekonać publiczność do podjęcia działań na swojej stronie jest, aby to zabawa. Zurb zrobił to szczególnie dobrze dzięki stronie internetowej, która działa jak wybierz – swój-własny-gra przygodowa, w której możesz dowiedzieć się, jak możesz z nimi pracować.

Możesz dość łatwo stworzyć własną stronę z przygodami lub przenieść tę strategię na wyższy poziom, tworząc własną walutę i nagradzając użytkowników za konkretne działania.,

Dodaj popup

Popup może być jedną z najbardziej irytujących taktyk marketingowych w sieci, ale są one również jednym z najbardziej skutecznych: w jednym eksperymencie pojedynczy opt-in popup przyciągnął 1,375% więcej subskrybentów. Nie chcesz jednak denerwować ludzi wyskakującymi okienkami przed przeczytaniem Twoich treści; najskuteczniejszym czasem, gdy pojawi się wyskakujące okienko, jest moment, w którym ktoś próbuje opuścić Twoją witrynę.,

Social Media Examiner zrobił to szczególnie dobrze, z wieloma wyskakującymi okienkami przy użyciu różnych wizualizacji i sformułowań, aby przyciągnąć jak największą liczbę subskrybentów:

👉 Jak dodać spersonalizowane wyskakujące okienka do WordPressa

użyj pełnowymiarowego zdjęcia

zamiast zwykłego białego tła, rozważ użycie pełnowymiarowego zdjęcia jako tła dla swojej strony głównej., Jeszcze lepiej, jeśli zdjęcie wykorzystuje twarz, taką jak tło strony głównej Bluehost:

pomaga to ludziom połączyć się z Twoją stroną internetową i marką na bardziej osobistym poziomie.

pomysły na projektowanie stron internetowych dla eCommerce

sprzedajesz produkty online? Uczyń swoją stronę główną częścią swojego sklepu eCommerce i zachęcaj ludzi do rozpoczęcia zakupów w momencie, gdy wejdą na Twoją stronę., Możesz zobaczyć ten pomysł wykonany naprawdę dobrze na stronie Jeep People:

oczywiście, jeśli wybierzesz tę trasę, chcesz również upewnić się, że nie popełniasz żadnych typowych błędów w projektowaniu witryny eCommerce.

👉 Jak założyć sklep internetowy

podziel swoją stronę główną

masz kilka różnych produktów, usług lub innych informacji, które chcesz udostępnić na swojej stronie głównej? Rozważ podzielenie go na sekcje z blokami, pionowymi dzielnikami i białą spacją.,

jedna strona internetowa, która robi to szczególnie dobrze, to Etsy:

pomysły na projektowanie stron internetowych dla menu nawigacji

pływające menu nawigacji trzymaj się twoich gości podczas przewijania, co ułatwia im przenoszenie się do innych części witryny w dowolnym momencie., Wiele stron internetowych przyjęło ten styl nawigacji, aby ułatwić życie odwiedzającym, w tym strony internetowe mniejszych firm, takich jak STEAMLabs:

możesz łatwo dodać pływające menu nawigacyjne za pomocą darmowego lepkiego Menu lub cokolwiek) na scroll plugin.

skoncentruj się na dostępności

Jeśli chcesz dotrzeć do odbiorców z wadami wzroku i niepełnosprawnością ruchową, musisz skupić się na budowie dostępnej strony internetowej., Fundacja KidzWish jest doskonałym przykładem strony internetowej zbudowanej z myślą o ułatwieniu dostępu:

dzięki dużym czcionkom i kontrastującym kolorom możesz uczynić swoją stronę bardziej dostępną.

pomysły na projektowanie stron internetowych z udziałem Twojej społeczności

czy Twoja strona jest przede wszystkim domem społeczności internetowej? Rozważ uczynienie forum, czatu lub innego podstawowego środka komunikacji Twoją stroną główną., Możesz zobaczyć ten pomysł dobrze używany na giełdzie Barista:

oczywiście chcesz mieć pewność, że Twoja strona jest nadal atrakcyjna. Dostosuj swoją stronę główną z przyjaznymi kolorami i grafiką, aby przyciągnąć ludzi.

Udostępnij swój dowód społeczny

dowód społeczny to jeden z najcenniejszych pomysłów na projektowanie stron internetowych w narzędziu marketingowym., Przedstawiaj swoje najlepsze referencje w widocznym miejscu na swojej stronie głównej, tak jak zrobiłem to na mojej własnej stronie internetowej:

możesz zwiększyć moc swoich referencji, pracując nad grafiką i budując slider z tymi grafikami.

Dodaj funkcję czatu

okno czatu lub wyskakujące okienko na stronie głównej umożliwia odwiedzającym interakcję z Twoją marką i uzyskanie podstawowych odpowiedzi od razu. Co najlepsze, możesz użyć chatbota WordPress, aby zautomatyzować cały proces.,

jedna strona, która dobrze używa chatbota, to OptinMonster:

rozważ, że Twój bot pojawi się w prawym dolnym rogu, aby nie zakłócał innych zastosowań twoja strona główna.

👉 Jak dodać czat na żywo do WordPressa

Dodaj quizy z szerokim apelem

Każdy uwielbia zabawne quizy, które sprawdzają jego wiedzę lub pokazują coś o sobie. Prawdopodobnie spędziłeś co najmniej kilka godzin na Buzzfeed quizy sam.,

kolejną stroną, która robi to naprawdę dobrze, jest strona PlayBuzz, która skupia się wokół quizów w stylu Buzzfeed.

możesz łatwo dodawać quizy do swojej witryny za pomocą wtyczki do quizów WordPress.

How jak stworzyć quiz na WordPress

użyj brutalist design principles

Brutalist web design to projektowanie skupione na surowych treściach, z niewielkim uwzględnieniem typowych konwencji projektowych., Możesz zobaczyć tę zasadę efektywnie stosowaną w zarysie:

ta zasada nie będzie działać dla wszystkich marek, ale może być bardzo skuteczna dla firm skupionych na sztuce, kulturze młodzieżowej lub kulturze majsterkowania.

pomysły na stronę główną z glitch art

Glitch art wykorzystuje cyfrowe lub analogowe usterki, aby stworzyć hiper futurystyczną estetykę. Niektóre z najczęstszych technik używanych do tworzenia tej estetyki to pikselacja, wycieki światła i podwójna ekspozycja.,

jedna strona, która wykorzystuje glitch art, aby stworzyć potężną estetykę, jest aktywna teoria:

użyj czarno-białej palety

czasami najlepsze trzeba wrócić do podstaw i właśnie to pomaga czarno-biała paleta., Jedną ze stron, która robi to szczególnie dobrze, jest Agencja Marketingowa Councl:

Możesz użyć czarno-białej fotografii lub ilustracji, aby jeszcze bardziej dostosować ten wygląd.

Stwórz swoją stronę już dziś

aby uzyskać pomoc w tym zakresie, mamy również kilka przewodników na temat technicznego procesu tworzenia strony internetowej:

• Jak zrobić stronę internetową za pomocą WordPress
• Jak utworzyć bloga za pomocą WordPress
• Jak zrobić stronę internetową za pomocą Wix