34 najlepszych projektów stron internetowych, które zainspirują Cię w 2022 r.

Twoja podróż do inspiracji witryną zaczyna się tutaj.

Decyzja o stworzeniu obecności w sieci to poważna decyzja, ale najlepsze strony internetowe są zwieńczeniem wielu drobnych decyzji. Ale jedną z głównych decyzji, która wymaga czasu, staranności i dużej ilości inspiracji, jest projekt Twojej witryny.

W tym artykule dzielimy się kilkoma tuzinami najlepszych projektów stron internetowych, jakie widzieliśmy. Kliknij poniższe linki, aby przejść do eksploracji projektów stron internetowych, które zmiażdżyły ją w ciągu ostatnich kilku lat. Zawarliśmy również dodatkową sekcję projektów, które są po prostu fajne — więc sprawdź je też!

Skąd czerpać inspiracje projektowe

Jeśli potrzebujesz informacji projektowych, dobrą wiadomością jest to, że możesz je znaleźć praktycznie wszędzie.

Jednym z najlepszych sposobów na czerpanie inspiracji do projektowania są podróże. Kiedy odwiedzasz nowe miejsca, jesteś zmuszony wyjść ze swojej strefy komfortu i doświadczyć czegoś obcego.

To, co sprawia, że ​​projekt jest tak interesujący, to to, że każdy widzi go inaczej, więc zawsze jest więcej do odkrycia.

Innym sposobem na uzyskanie inspiracji projektowej IRL są media. Każdego dnia jesteśmy zalewani treściami wizualnymi. Podejmujemy decyzje o tym, co nam się podoba, a co nie, i kontynuujemy swój dzień.

Ale co by było, gdybyś był bardziej świadomy tego, jak postrzegasz te interakcje? Możesz wyjść z tego z cennymi spostrzeżeniami.

Nie można również zapomnieć o wykorzystaniu społeczności projektantów. Od konferencji projektowych po fora Reddit, istnieją setki grup, które mogą zaoferować inspirację i porady.

Teraz, gdy omówiliśmy niektóre źródła inspiracji projektowych IRL, omówmy te cyfrowe.

Źródła inspiracji do projektowania stron internetowych

1. Rynek aktywów HubSpot

HubSpot's Asset Marketplace zawiera setki szablonów stron internetowych, które można przeszukiwać, aby zainspirować się własną witryną.

Najlepszą częścią rynku jest to, że możesz zawęzić branżę i funkcję, co pozwala zobaczyć szablony, które są najbardziej odpowiednie.

Po znalezieniu szablonu, który Ci się podoba, możesz wyświetlić podgląd witryny na żywo, aby uzyskać pełne wrażenia, a następnie pobrać go, jeśli zdecydujesz się z niego skorzystać.

2. Drybling

Dribble to miejsce, w którym projektanci szukają inspiracji i dzielą się swoją pracą. Witryna zawiera wszystko, od animacji i brandingu po ilustracje i urządzenia mobilne.

Źródło obrazu

Po przejściu do zakładki „Projektowanie stron internetowych” na stronie głównej możesz filtrować wyniki według schematu kolorów, oprogramowania do edycji, ram czasowych i tagów.

Ponadto, jeśli znajdziesz projektanta, którego prace Ci się podobają, możesz zapisać projekt na przyszłość i śledzić jego pracę, aby zobaczyć inne projekty w jego profilu.

Jest to niesamowity zasób, z którego możesz skorzystać, niezależnie od tego, czy zaczynasz od zera, czy masz już na myśli solidny plan.

3. Zachowanie

To kolejna platforma cyfrowa pełna twórczych inspiracji, którą można wykorzystać przed projektem projektowania witryny.

Źródło obrazu

Jedną z najlepszych funkcji tej witryny jest możliwość filtrowania według lokalizacji. Pozwala to zobaczyć, jak projektanci w różnych regionach różnią się techniką i stylem.

Może to być szczególnie przydatne, jeśli projektujesz stronę internetową na obcy, nieznany rynek. Możesz uzyskać interesujące spostrzeżenia, oceniając decyzje podjęte przez projektantów Behance.

4. Punkty

Chcesz skupić się na projektowaniu stron mobilnych? Pttrns to miejsce, do którego należy się udać.

Ta platforma oparta na subskrypcji pozwala uzyskać dostęp do tysięcy szablonów projektów mobilnych i uzyskać porady od najlepszych projektantów z całego świata.

Źródło obrazu

Dodatkowe funkcje na tej platformie obejmują:

• Folder ulubionych i kolekcji do przechowywania ulubionych projektów.
• Studio do interakcji z innymi projektantami i uzyskania porad.
• Przewodnik po projektach, aby zrozumieć strategię stojącą za projektami.

Od znanych korporacji po małe firmy i organizacje międzynarodowe, poniższe witryny promują status quo w sieci. Niezależnie od tego, czy chodzi o estetykę projektu, użyteczność, interaktywność, dźwięk czy wartość zapewnianą przez witrynę, każda z nich jest arcydziełem w swojej branży i czymś, do czego można aspirować.

Nic dziwnego, że istnieje wiele organizacji, które podkreślają te witryny i wkład, jaki wnoszą do sieci. Aby pomóc w ujawnieniu niektórych z najbardziej inspirujących projektów, zebrałem kilku zwycięzców, którzy przeszli przez kilka kluczowych organizacji nagradzających — w tym Red Dot, Awwwards, UX Awards, The Webby Awards, SiteInspire, Best Website Gallery i FWA.

Przeglądając listę, wiedz, że każda witryna wyróżnia się na swój sposób i stara się służyć wyjątkowemu celowi. Podczas gdy jedna witryna może być doskonałym przykładem projektu wizualnego, inna może być doskonałym przykładem interaktywności.

Oznacza to, że nie wszystkie z tych witryn mogą być „maszynami do konwersji” lub projektami, które można łatwo skopiować do swojej witryny. Są to raczej świetne sposoby na zdobycie inspiracji do projektowania stron internetowych i zobaczenie najnowocześniejszego marketingu, który ma miejsce w różnych zakątkach sieci.

Pamiętaj, że projekty stron internetowych są płynne i często się zmieniają. Niektóre projekty z tej listy zmieniły się od czasu ich przyznania, ale dokładamy wszelkich starań, aby były zawsze aktualne. Jesteśmy pewni, że znajdziesz tutaj projekt, który pobudzi Twoją kreatywność.

Przeczytaj więcej: 77 przykładów niesamowitego projektowania stron internetowych

Pobierz ten bezpłatny przewodnik , aby zobaczyć jeszcze więcej przykładów projektów blogów, stron głównych i stron docelowych.

Piękne, nagradzane strony internetowe

Najlepsze projekty stron internetowych od 2021

IBM The Harmonic State

Nagroda: Witryna Miesiąca (lipiec 2021), Awwwards

Kiedy wejdziesz na tę stronę IBM, jasne jest, dlaczego projekt zdobył nagrodę.

Źródło obrazu

Najlepszym sposobem na opisanie strony internetowej jest wciągające wrażenia. W rzeczywistości IBM wykorzystuje zarówno elementy wizualne, jak i dźwiękowe, aby przyciągnąć odwiedzających i utrzymać ich zaangażowanie.

Kiedy po raz pierwszy wejdziesz na stronę internetową, zostaniesz poproszony o założenie słuchawek, aby uzyskać pełne wrażenia. Nawet jeśli pominiesz ten krok, wciągnie Cię interaktywne tło, które reaguje, gdy mysz porusza się po stronie.

Ponadto strona jest dobrze wyważona i ma duży tytuł, który przykuwa uwagę, a nie mały opis z pogrubionym niebieskim wezwaniem do działania.

W temacie tak złożonym jak sztuczna inteligencja IBM wykorzystuje następnie wizualne opowiadanie historii, aby wyjaśnić, jak jego narzędzie Watson działa w prawdziwym świecie. Odwiedzający mogą odkrywać trzy historie za pomocą funkcji podobnych do gier wideo i dowiedzieć się więcej o narzędziu.

To zabawny i skuteczny sposób na zaangażowanie użytkowników w temat, który może być skomplikowany i suchy.

Superlista

Nagroda: Witryna Miesiąca (kwiecień 2021), Awwwards

Superlist to aplikacja zwiększająca produktywność, która pomaga zespołom i osobom zmienić sposób pracy.

Zbyt często trafiasz na stronę internetową i musisz dowiedzieć się, o co chodzi w marce. Dzięki Superlist wiesz dokładnie, czego się spodziewać, gdy tylko trafisz na stronę główną.

Źródło obrazu

Interaktywna strona główna pokazuje typowe akcesoria do pracy, takie jak słuchawki i klawiatura, z czytelną, dokładną kopią.

Superlista skutecznie wykorzystuje odstępy, aby skupić się na swojej kopii. Jednak, aby ułatwić nawigację, zawierają mały przycisk z ikoną strzałki, która wskazuje, że po przewinięciu strony jest więcej do zobaczenia.

Stamtąd kontynuują zabawne wizualizacje – utrzymując zaangażowanie, gdy dowiadujesz się więcej o marce.

Hyer

Nagroda: Strona Miesiąca (2022), CSS Design Awards

Chcesz wywrzeć silne wrażenie na odwiedzających Twoją witrynę? Wyjmij stronę z książki Hyera.

Źródło obrazu

Ta uderzająca ilustracja samolotu, który powoli przesuwa się po ekranie, z pewnością przyciągnie uwagę odwiedzających witrynę.

Ta strona zawiera wszystko, czego potrzebujesz, aby stworzyć skuteczną stronę główną: obraz, który opowiada historię, ale nie rozprasza uwagi, użycie pustej przestrzeni, łatwy pasek nawigacji, slogan lub slogan oraz wyraźne wezwanie do działania.

To przejrzysty projekt, który nie rozprasza uwagi i zachęca odwiedzających do lepszego poznania marki.

Najlepsze projekty stron internetowych z 2020 roku

Wymaz świat

Nagroda: Site of the Day (2020), Awwwards

Paralaksa, odważne kolory i negatywna przestrzeń kształtują projekt i doświadczenie witryny internetowej Swab the World. Organizacja uświadamia dawstwo komórek macierzystych. Ich misją jest „upewnienie się, że każdy pacjent znajdzie swojego partnera. Okres." Zdjęcia par wyrażających miłość i emocje wnoszą ludzki pierwiastek do złożonego historycznie i naukowego procesu.

Z technicznego punktu widzenia projekt sprawia, że ​​poruszanie się w dół strony wydaje się naturalne, zapewniając czytelnikom dotarcie do każdego miejsca kopii i każdego CTA na stronie głównej.

Źródło obrazu

Najnowsi Amerykanie

Nagroda: Wyróżnienie (2020), Awwwards

Organizacja, na której spoczywa odpowiedzialność tak duża, jak honorowanie przeszłych, obecnych i przyszłych migrujących tożsamości, potrzebuje pięknej i funkcjonalnej witryny internetowej, która pomoże rozpowszechniać informacje. Najnowsi Amerykanie zdobywają mistrzostwo w doświadczeniach imigracyjnych w miastach w stanie New Jersey. Witryna wykorzystuje piękne obrazy ludzi, miejsc i przedmiotów, które przedstawiają to doświadczenie w sposób spójny na stronie głównej, opowiadając historię tej grupy najnowszych obywateli Ameryki.

Strona jest zarówno atrakcyjna wizualnie, jak i funkcjonalna z prostym menu nawigacyjnym, historiami uporządkowanymi za pomocą zdjęć i przejrzystą stroną prasową, która umieszcza najnowsze artykuły na pierwszym planie.

Źródło obrazu

Projekt Spotify

Nagroda: Wyróżnienie (2020), Awwwards

Spotify jest znany z tego, że dokonuje wielu niesamowitych wyczynów, a jego najnowsza iteracja Spotify.Design nie jest inna. Służąc jako centrum wszystkich wizualnych i kreatywnych rzeczy dla Spotify, gigant muzyki i podcastów daje słuchaczom wgląd w to, kto, co, dlaczego i jak sprawia, że ​​aplikacja jest tak rewelacyjna.

Jasne kolory, cienie i płynne animacje nadają tej stronie charakteru i głębi. Płaskie geometryczne wzory z abstrakcyjnymi akcentami sprawiają, że albumy i artyści praktycznie wyskakują z ekranu.

Źródło obrazu

Andy Warhol

Nagroda: Wyróżnienie (2020), Awwwards

Życie artysty, reżysera i producenta Andy'ego Warhola na zawsze zostanie zamknięte we wspaniale zaprojektowanej witrynie internetowej, która oddaje jego styl artystyczny w formacie cyfrowym. Gdy przeglądasz stronę, kursor staje się punktem świetlnym, który przekształca każdy obraz, na który najedziesz, w obraz negatywowy lub odwraca kolory czytanego tekstu.

Duży, pogrubiony tekst stanowi oświadczenie i podkreśla, jak ważny jest tekst w projektowaniu stron internetowych. Subtelne animacje pomagają w tempie witryny i nadają ton każdej sekcji podczas przeglądania strony głównej.

Źródło obrazu

Firma zajmująca się interakcjami ludzkimi

Nagroda: Strona Korporacyjna (2020), Red Dot

Aby zobaczyć wideo nagrane bezpośrednio na stronie internetowej, nie szukaj dalej niż firma Human Interaction Company. Od momentu kliknięcia na stronie doświadczenie jest błyskawiczne. Zostajesz wrzucony bezpośrednio do akcji — po co, co i jak w interakcji z ludźmi oraz dokładnie, co robi zespół.

Ten zwycięzca nagrody Red Dot Design Award ma na celu przybliżenie masom badań interakcji międzyludzkich, a przy okazji pokazać nam, jak angażujące może być poznawanie ich. Nie zniechęcaj się jednak ich statusem nagrody — żadne ze zdjęć na tej stronie nie jest przerobione w Photoshopie, więc jest to praktyczny przykład budowania jakości za pomocą dostępnych zasobów.

Źródło obrazu

Pielęgnacja skóry Garoa

Nagroda: Site of the Day (2020), Awwwards

Jak przekształcić poczucie luksusu i praktyczności w stronę internetową? Garoa Skincare zapewnia plan. Niezależnie od tego, czy Twój produkt kosztuje połowę ceny najbliższego konkurenta, czy dwa razy więcej, Twoja witryna może wnieść wrażenie ekstrawagancji do niemal każdego sprzedawanego produktu.

Wysokiej jakości wizualizacje, uzupełniające się kroje pisma oraz równowaga negatywnej przestrzeni z użyteczną kopią mogą nadać Twojej witrynie uproszczonej elegancji.

Źródło obrazu

Najlepsze projekty stron internetowych z 2019 roku

1917: W okopach

Nagroda: Najlepsza Strona Dnia Awwwards (2019)

Ta strona internetowa, stworzona w celu promowania filmu 1917, pozwala chodzić po okopach i wykonywać tę samą misję, którą wykonali bohaterowie filmu. Możesz także zobaczyć ich mapy lub uzyskać dostęp do innych narzędzi.

Jest to świetny przykład witryny, która wykracza poza interaktywność, a także witryny, która wykorzystuje swoją treść i wstępnie napisaną fabułę, aby promować swój film. Ta strona internetowa zdobyła nagrodę Site of the Day od Awwwards, która umożliwia projektantom głosowanie i nominowanie świetnych stron internetowych, które oglądają codziennie.

Źródło obrazu

Ośmiornica: blog projektowy autorstwa IDEO

Nagroda: Business Blog/Website 2019 Nagroda Webby

IDEO, globalna firma projektowa, zdobyła nagrodę Business Blog/Website 2019 Webby za swój blog Octopus i nie bez powodu. Blog zawiera elegancki, czarno-biały rysunek ośmiornicy jako projekt strony głównej i wykorzystuje żółty, czarny i biały, aby stworzyć spójny motyw podczas przewijania.

Jeśli najedziesz kursorem na post na blogu, tytuł zostanie podświetlony na żółto. Jeśli najedziesz kursorem na obraz, obraz zostanie przyciągnięty do Ciebie — dwie małe funkcje, które mają duży wpływ na tworzenie unikalnego i wciągającego doświadczenia użytkownika.

Źródło obrazu

Plemię Nomadów

Nagroda: nominacja Awwwards' Site of the Year (2019)

Ta witryna, nominowana do nagrody Witryna Roku, jest jedną z bardziej angażujących witryn, jakie widziałem.

Strona główna natychmiast zaczyna odtwarzać oszałamiający film przedstawiający mężczyznę idącego przez pustynię, a następnie wspaniałe sceny krajobrazowe i tekst w stylu: „Czy masz szczęście nazywać siebie poszukiwaczem przygód?”

Tekst na całej stronie jest zabawny, z kolorowymi różami, pomarańczami i żółciami, a strona główna jest logicznie zaprojektowana, z CTA umieszczonymi w tym zakresie na poziomie zaangażowania od „Czytaj więcej” do „Obejrzyj teraz” i wreszcie „Pobierz Aplikacja”.

Ostatecznie strona jest pięknie zaprojektowana z dużą dbałością o szczegóły i opowiada fascynującą historię.

Źródło obrazu

Diana Danieli

Nagroda: Webby 2019

Ta zwycięska w 2019 r. witryna Webby prezentuje obrazy sztuki i architektury z wysokim kontrastem lub dużą ekspozycją. Jako odwiedzający witrynę możesz kliknąć i przeciągnąć myszą, aby zmienić zdjęcia i odmiany. Każdy obraz przedstawia dzieło, które podkreśla artystę, który jest właścicielem witryny.

Fajnym plusem tej strony jest włączenie dźwięku i muzyki. Kliknięcie niektórych przycisków na ekranie odtwarza nutę fortepianu i naprawdę zanurza Cię w doświadczeniu Diany Danieli.

Źródło obrazu

George Nakashima Stolarze

Nagroda: Webby 2019

Ten portal o stolarce podkreśla charakter i dbałość o branżę stolarską. Jest to zasadniczo pokaz slajdów z pięknymi zdjęciami leśnictwa i rolnictwa. Gdy na ekranie pojawia się nowy obraz, pojawia się również nowy cytat związany z drewnem lub drzewami.

Jest to niezwykle relaksujące dla zwiedzającego i pokazuje, że stolarze dostrzegają piękno drzew i środowiska. Ta strona również wygrała Webbie w 2019 roku.

Źródło obrazu

Najlepsze projekty stron internetowych z 2018 roku

krypton.handel

Nagroda: Site of the Day (4.03.2018), Awwwards

Poznaj crypton.trading, swojego robota księgowego.

Crypton.trading to centrum handlowe dla kryptowalut, takich jak Bitcoin, wykorzystujące sztuczną inteligencję do przewidywania zmian wartości waluty i identyfikowania kluczowych okazji kupna i sprzedaży. Witryna została wysoko oceniona za rozwój i projekt, ponieważ stopniowo wyjaśnia więcej metod dewelopera, im dalej przewijają się odwiedzający.

Ta wielokrotnie nagradzana strona internetowa sprawia, że ​​zaawansowani technicznie użytkownicy czują się jak w domu w momencie, gdy powitanie Crypton pojawia się na stronie głównej, jedna litera po drugiej.

Źródło obrazu

Południowy zachód: serce podróży

Nagroda: Najlepszy Projekt Wizualny – Estetyka, 2018 Webby Awards

Kiedy linie Southwest Airlines chciały udowodnić, że ich klienci to „więcej niż tylko znak dolara”, firma stworzyła stronę internetową, na której projekt został złożony przy użyciu kształtów torów lotu ich klientów.

Witryna o nazwie Heart of Travel umożliwia nawet odwiedzającym tworzenie własnych dzieł sztuki z podróży, którą mogą planować. W ten sposób witryna Southwest jest produktem ich najbardziej lojalnych pasażerów.

Źródło obrazu

Przelewowy

Nagroda: Site of the Day (20.03.2018), Best Website Gallery

Overflow to narzędzie do projektowania, które pozwala ludziom i firmom tworzyć diagramy przepływu swoich pomysłów przypominające historię, dzięki czemu inni mogą je łatwiej zrozumieć. Oprócz tego, że jest to po prostu dobra usługa, witryna Overflow praktykuje to, co głosi: wraz z żywymi czerwonymi przyciskami wezwania do działania do pobrania narzędzia, ta witryna promuje swój produkt w najlepszy sposób, jaki potrafi — za pomocą schematu blokowego.

Witryna udostępnia ten schemat przepływu w formie wideo. Podczas gdy osadzone filmy mogą wyglądać raczej niezgrabnie pośrodku innych elementów projektu witryny, Overflow jest idealnie umieszczony i dokładnie to, co chcesz zobaczyć, gdy lądujesz na stronie po raz pierwszy.

Źródło obrazu

Muzeum Fransa Halsa

Nagroda: Witryna Roku (2018), Awwwards

Muzeum może być trudne do zaprezentowania wszystkich swoich dzieł razem na spójnej stronie internetowej. To właśnie sprawia, że ​​strona internetowa Muzeum Fransa Halsa jest tak imponująca.

Zlokalizowane w Holandii muzeum stworzyło stronę internetową, która wykorzystuje połączenie cyfrowych elementów projektu i własnych eksponatów. Ta mieszanka pomaga zwiedzającym zrozumieć, co zobaczą, kiedy to zobaczą i gdzie jeszcze mogą zasmakować tego, co to muzeum ma do zaoferowania.

Źródło obrazu

Najlepsze projekty stron internetowych z 2017 roku

Po prostu czekolada

Nagroda: Witryna Roku (2017), Awwwards

Po prostu zajrzysz na tę witrynę — i w pewnym sensie jest to witryna Simply Chocolate, która działa tak, jak została zaprojektowana.

Ta apetyczna strona internetowa należy do duńskiego producenta czekolady Simply Chocolate. Jej strona internetowa wykorzystuje różne kolory (i kreatywne nazwy produktów), aby promować każdą tabliczkę czekolady. A gdy przechodzisz od jednego produktu do drugiego, wszystkie wydają się być spójne pod względem marki.

Trójwymiarowy wygląd każdej tabliczki czekolady sprawia, że ​​czujesz, jakbyś mógł ją zdjąć z ekranu komputera, podczas gdy CTA „Dodaj do pudełka” w lewym górnym rogu jest idealnie umieszczone, aby użytkownicy mogli wybierać produkty, które chcą podczas przeglądania.

Źródło obrazu

NOWOŚĆ

Nagroda: Najlepszy blog kulturalny/strona internetowa, 2017 Webby Awards

NOWNESS jest prawdopodobnie najfajniejszym blogiem wideo w internecie. To był kęs… co to wszystko znaczy?

Crowdsourcing NOWNESS jest częścią tego, co czyni go zdobywcą nagród. Oznacza to, że większość treści pochodzi od niezależnych twórców — coraz popularniejszy sposób publikowania treści przez firmy.

NOWNESS to także kanał wideo, co oznacza, że ​​cała zawartość bloga jest w formacie wideo. Razem te cechy sprawiają, że Nowness jest urzekającym centrum historii, które marki na całym świecie starają się opowiadać.

Źródło obrazu

Najlepsze projekty stron internetowych z 2016 roku

Strażnicy lasów deszczowych

Nagroda: Najlepsza strona aktywistów, 2016 Webby Awards

Rainforest Guardians stał się jedną z najbardziej wciągających witryn non-profit w 2016 roku. Dążąc do budowania świadomości na temat wylesiania, witryna pozwala użytkownikom „odwiedzać” różne wioski, tubylców i drogi wodne, które tworzą las deszczowy Amazonii.

Witryna stawia interaktywność w centrum doświadczenia użytkownika — mądry wybór, jeśli Twoim celem jest nakłonienie ludzi do nawiązania kontaktu z Twoją sprawą i przekształcenia się w wolontariuszy.

Źródło obrazu

Protestowa odzież sportowa

Nagroda: Witryna Roku (2016), Awwwards

The Awwwards nazywa Protest Sportswear „lookbookiem z możliwością zakupów” i to jest dokładnie to, czym jest ta strona. Jako producent odzieży, firma ta zmieniła sposób, w jaki sprzedaje swój produkt: zamiast promować odzież, Protest Sportswear promuje „wygląd”.

To sprawia, że ​​produkt firmy jest najbardziej atrakcyjną częścią samej witryny, wykorzystując kolaż stylów do zaprojektowania strony głównej, która zmienia się tak często, jak zmieniają się style jej klientów.

Źródło obrazu

Gildia Nauczycieli

Nagroda: Najlepsza Strona Stowarzyszenia, Webby Awards 2016

Gildia Nauczycieli to profesjonalna społeczność pedagogów, która zajmuje się niektórymi z najbardziej krytycznych wyzwań w edukacji. To, co sprawia, że ​​ta witryna jest nagradzana, to sposób, w jaki równoważy różne typy treści — programy, rozwiązania, podejścia i współpracę — bez przytłaczania odwiedzających.

Wizualizacje tła są nie tylko wyraźnie umieszczone, ale także wykorzystują białą przestrzeń, aby podkreślić pisemne wezwania do działania w środku, jak pokazano na zrzucie ekranu poniżej.

Źródło obrazu

Najlepsze projekty stron internetowych z lat 2015 – 2014

Dziewicza Ameryka

Nagroda: Najbardziej znacząca ewolucja w branży, 2014 UX Awards

W świecie, w którym wiadomo, że witryny linii lotniczych są przepełnione poważnymi problemami z użytecznością, Virgin America ma jedną z najlepszych witryn, które popychają do przodu użyteczność, dostępność i responsywny projekt.

Źródło obrazu

Karmić

Nagroda: Site of the Day (6.6.2015), Awwwards

Feed jest nie tylko interesującą koncepcją, ale ma również oszałamiające wykonanie, które podważa nasze zrozumienie tego, co jest możliwe w sieci. Dzięki kreatywnemu połączeniu animacji i wideo, witryna zanurza użytkownika w angażującym wrażenia.

Jako nietypowa witryna zawiera kilka unikalnych elementów użyteczności, w tym nawigację pełniącą funkcję przewijanego paska postępu.

Źródło obrazu

ETQ

Nagroda: Site of the Day (19.05.2015), Awwwards

ETQ stosuje minimalistyczne podejście do e-commerce z okrojoną witryną. Duże, przekonujące wizualizacje ich produktu leżą na prostym, płaskim tle, któremu towarzyszy silna typografia, która skupia się na tym, po co użytkownik przyszedł tam zobaczyć: butach.

Źródło obrazu

Mikiya Kobayashi

Nagroda: Miejsce dnia (7.04.2015), Awwwards

Mikiya jest projektantem produktu z minimalistycznym portfolio, które prezentuje jego prace poprzez mocne zdjęcia i subtelne animacje. Jego pełna witryna została pierwotnie stworzona w języku japońskim, a następnie przetłumaczona na angielski, co pomogło zademonstrować międzynarodową skalowalność jego projektu.

Źródło obrazu

Tkany magazyn

Nagroda: Site of the Day (4.04.2015), Najlepsza Galeria WWW

Woven to publikacja internetowa, która celebruje zarówno artystów, rzemieślników, jak i twórców. Potwierdzają, że publikacje mogą (i powinny) mieć piękne, angażujące strony z czytelną treścią. Ta strona jest wolna od elementów rozpraszających, takich jak wyskakujące okienka i natrętne reklamy.

Źródło obrazu

Fasola JOHO

Nagroda: FWA of the Day (8.07.2015), Nagroda za Ulubioną Stronę Internetową

Strona internetowa JOHO's Bean ma niesamowitą grafikę, interaktywność, opowiadanie historii, projekt graficzny, a przede wszystkim inżynierię dźwięku. Wszystko to razem tworzy fascynującą, emocjonującą i wciągającą witrynę, która opowiada historię podróży ziaren kawy.

Źródło obrazu

Świat SZWAJCARII

Nagroda: Najlepszy interfejs użytkownika, 2015 Webby Awards

Inna linia lotnicza? Tak. Linie lotnicze SWISS zbudowały niesamowicie wciągającą witrynę, która opowiada o tym, jak to jest latać z nimi — i wykonały zbyt dobrą robotę, by można je było zignorować. Silne wizualizacje i animacje wprowadzają użytkownika w różne sekcje witryny, które są wypełnione informacjami wykraczającymi poza zwykłe działania sprzedażowe i marketingowe.

Źródło obrazu

Inne fajne projekty stron internetowych

Guillaume Tomasi

Jako fotograf w Montrealu, Guillaume Tomasi stworzył portfolio, które naprawdę pasuje do jego wyjątkowych i inspirujących fotografii. Jego surrealistyczny styl zdjęć jest zestawiony z prostym, płaskim, pustym i minimalistycznym projektem portfolio, który skupia całą uwagę na samej pracy.

Jego unikalna nawigacja po serii w połączeniu z wprowadzeniem do pracy inspirowanym galerią sztuki i perfekcyjnymi interakcjami przy przewijaniu zapewniają wrażenia przypominające prawdziwą galerię.

Źródło obrazu

Dystrykt

Ta agencja brandingowa poważnie traktuje swoje wizerunki i powinna — obsługuje wszystkie kanały medialne dla swoich klientów. Sama strona internetowa Dystryktu to podróż przez jedne z najpiękniejszych dzieł sztuki i fotografii, jakie kiedykolwiek widziałeś.

Te prowokacyjne kafelki zmieniają się szybko, gdy przeglądasz witrynę, a im bardziej wydają się zwariowane, tym bardziej interesujesz się poznawaniem ich przeszłej pracy.

Źródło obrazu

Tej Chauhan

Dzięki tej intrygującej stronie Tej Chauhan przekształcił impresjonistyczne dzieła sztuki w model biznesowy. Każdy obraz na stronie głównej dewelopera produktu wysuwa się, aby zakryć poprzedni obraz, oferując niewielki kontekst wokół obiektu, który teraz widzisz przed sobą. Ale to brak kontekstu sprawia, że ​​chcesz dowiedzieć się więcej.

Ponadto slogan „Pamiątki z niedalekiej przyszłości” sugeruje, że te przedmioty są częścią ich linii produktów – i są okazją do wprowadzenia tych innowacyjnych przedmiotów do swojego życia.

Źródło obrazu

Chcesz podobny wygląd swojej witryny? Sprawdź nową kolekcję motywów CMS Hub na rynku Envato.

Architektura Amanda Martocchio

Firma architektoniczna może nie specjalizować się w tworzeniu stron internetowych, ale jej strona internetowa powinna nadal wykazywać zaangażowanie w tworzenie przyjemnego wizualnie projektu. Amanda Martocchio wzięła to sobie do serca dzięki tej wspaniałej stronie internetowej.

Nie jest tajemnicą, że Amanda Martocchio Architecture uwielbia swoją pracę — każde zdjęcie na stronie głównej jej witryny internetowej to urzekające ujęcie domów, które firma projektuje. Witryna internetowa oznacza każdy dom, który przeglądasz, typem projektu, który był zamierzony, a także licznymi kątami do każdego budynku.

Źródło obrazu

Pomysły na projektowanie stron internetowych

Teraz, gdy widziałeś już wiele pięknie zaprojektowanych i nagradzanych platform, pamiętaj o tych potencjalnych pomysłach podczas tworzenia własnych.

• Zastanów się, w jaki sposób możesz uczynić swoją witrynę interaktywną, jak w przykładzie z 1917 roku.
• Stwórz witrynę, która kładzie nacisk na wrażenia mobilne, nawet jeśli nadal ma dobry UX na komputerach stacjonarnych.
• Stwórz stronę internetową, która opowiada historię Twojej marki za pomocą zdjęć, tekstu lub wideo.
• Jeśli nie możesz stworzyć silnie interaktywnej witryny, rozważ przyciągnięcie uwagi witryną, która przedstawia pokaz slajdów z Twoich zdjęć.
• Upewnij się, że wezwania do działania są dobrze widoczne i zachęcaj odwiedzających do dalszego przeglądania Twojej witryny
• Utrzymuj nawigację w czystości. Upewnij się, że odwiedzający zawsze wiedzą, jak wrócić na stronę główną.
• Zintegruj swoje witryny społecznościowe za pomocą przycisków osadzania w mediach społecznościowych, aby odwiedzający witrynę mogli łatwo śledzić Cię na różnych kanałach społecznościowych.
• Zachowaj spójność projektu każdej ze stron internetowych — w tym czcionki, kolory, obrazy i wiadomości.
• Przetestuj użyteczność swojej witryny za pomocą mapy popularności, która pokaże Ci, na których stronach Twoi użytkownicy najprawdopodobniej się odrzucą.
• Dołącz czat na żywo lub chatbot, aby umożliwić odwiedzającym kontakt z Tobą bezpośrednio w Twojej witrynie, jeśli wolą czat na żywo od rozmów telefonicznych. Czat na żywo może zautomatyzować funkcje dla przedstawicieli handlowych i serwisowych oraz zapewnić lepszą komunikację z klientem.
• Uzyskaj certyfikat SSL, aby upewnić się, że Twoja witryna jest bezpieczna. SSL jest częścią algorytmu rankingu wyszukiwania Google, więc certyfikat SSL może pomóc Ci uzyskać wyższą pozycję w wyszukiwaniu.

Zbuduj piękną stronę internetową dla swojej firmy

Projektowanie strony internetowej może być proste, jeśli masz na uwadze wygląd i styl. Wykorzystaj te przykłady jako odskocznię do opracowania układu, palety kolorów, obrazów i animacji w witrynie.

Gdy będziesz gotowy do rozpoczęcia kodowania lub przeciągania i upuszczania, będziesz mieć piękną witrynę internetową, która spodoba się odwiedzającym.

Uwaga redakcji: ten post został pierwotnie opublikowany w styczniu 2021 r. i został zaktualizowany w celu zapewnienia kompleksowości.