Najnowsze trendy w projektowaniu stron internetowych w 2023 r.

Zarówno początkujący projektanci stron online, jak i doświadczeni profesjonaliści z uwagą śledzą trendy w projektowaniu stron internetowych. Tylko znajomość najnowszych trendów web designu sprawi, że marka z sukcesem wykreuje swój wizerunek w sieci.

– Projektant musi zwracać uwagę na kwestie kulturowe – mówi Yiftach Koronio, szef działu Social and Blog Design w Wix. – Kultura wpływa nie tylko na design strony internetowej, ale na trendy w szeroko pojętym projektowaniu. Dotyczy zarówno projektowania stron internetowych, jak i rozwiązań UX i UI.

Najważniejsze trendy w tworzeniu stron internetowych w 2023 roku zostaną w tym tekście zaprezentowane przez wybitnych profesjonalistów Wix, którzy stale śledzą nowe idee. Tu wyjaśnią nam, jak doszło do powstania tych trendów i pokażą ich wpływ na projekty stron online.

• Yiftach Koronio, Head of Social & Blog Design

• Adi Huri, Creative Product Manager w WOW (zespół innowacji wizualnych Wix).

• Moran Kadussi, Content Strategy Lead
  

Najważniejsze trendy web designu w 2023 r.

W tym roku będziemy obserwować, jak trendy w projektowaniu stron korespondują z postrzeganiem mediów społecznościowych i sztucznej inteligencji w różnych grupach pokoleniowych. Tym razem rozgrywkę wygrywa pokolenie Z, których oczekiwania wypierają minimalizm millenialsów na rzecz bardziej wyrazistych i przesiąkniętych popkulturą projektów stron internetowych.

Zespoły projektowe w Wix dbają, aby nasz edytor był zgodny z najnowszymi trendami. Tworząc stronę www na naszej platformie, masz dostęp do najnowszych rozwiązań i narzędzi oraz ciekawych rozwiązań graficznych.

Oczywiście aby zachować wizerunek marki, możesz dostosować stronę do swoich potrzeb. Pamiętaj o optymalizacji zdjęć i innych elementów graficznych. Tworząc swoje strony, warto też poszukać inspiracji, oglądając przykłady najciekawszych stron internetowych.

Jeśli chcesz wiedzieć, jak zrobić stronę internetową w 2023 r., oto dziewięć najgorętszych trendów w tworzeniu stron internetowych:

1. Moda na Y2K, czyli powrót do przeszłości

2. Design z teksturą

3. Im więcej, tym lepiej

4. Antydesign w projektowaniu

5. Dopaminowa kolorystyka

6. Zaokrąglone krawędzie

7. Moc sztucznej inteligencji

8. Prawdziwe ujęcia

9. Animacje oparte na przewijaniu i wyzwalaniu

1. Moda na Y2K, czyli powrót do przeszłości

W skrócie: Pandemia była jak wehikuł czasu... i znów mamy początek lat dwutysięcznych.

Nie jest zaskoczeniem, że estetyka Y2K, czyli początku lat dwutysięcznych, należy do głównych trendów w projektowaniu stron www. Jesteśmy świadkami ciągłego odradzania się mody i to, co już znamy, powraca w nowych odsłonach. Zdaniem Koronio w 2023 r. pojawią się wątki inspirowane tęsknotą za prawdziwym optymizmem, którego młodsze rodzeństwo millenialsów już nie miało okazji doświadczyć.

Przywołując estetykę, którą pamiętamy z początków rozwoju dzisiejszych technologii oraz optymistyczny futuryzm lat osiemdziesiątych, tegoroczny język wizualny będzie charakteryzował się jaskrawymi, kontrastującymi kolorami (intensywny róż, metaliczne odcienie, purpura i żółć) oraz wrażeniami przypominającymi rozwiązania graficzne z epoki Flasha i klipartów.

Projektanci, tacy jak Kurt Champion oraz Aroke1 Studio, korzystają z zaawansowanych narzędzi, aby w nieco ironiczny sposób wprowadzić elementy low-fi web designu z czasów swojej młodości: jaskrawe kolory i animacje w stylu Flash, z którymi nie poradziłby sobie internet pierwszej generacji (obecnie żyjemy w czasach Web2, a już pojawia się Web3).

Strona Aroke One w duchu Y2K

Portfolio Shiqian Pan pokazuje tęsknotę za estetyką Y2K

2. Design z teksturą

W skrócie: Chcemy czuć więcej (i dotyczy to nie tylko emocji)

Po ostatnich kilku latach powściągliwości świat designu powraca do koncepcji wykorzystania zmysłów. Już wśród ubiegłorocznych trendów w projektowaniu stron pojawiły się miękkie elementy, kojarzące się z dotykiem. W 2023 r., dzięki rozwojowi technologii i ożywieniu ducha more-is-more, o którym piszemy poniżej, projektanci stron www wprowadzą do sfery cyfrowej niemal namacalne elementy.

– W typografii, abstrakcyjnych obrazach, kształtach, filmach i tłach pojawią się wyraźne tekstury – mówi Huri.

Huri mówi, że w ciągu ostatnich kilku miesięcy widzieliśmy już wiele metalicznych, płynnych tekstur używanych w projektowaniu stron internetowych, ale trend dopiero kiełkował. Przewiduje, że rok 2023 będzie pełen takich rozwiązań graficznych kojarzących się z futrem zwierząt, płynnym szkłem i gniotkami squishy.

Zobaczymy również różnorodne przekształcenia form, z których słynie m.in. artysta i projektant Yonk. Wix prezentuje ten trend w ramach Transparent Video Collection, widać go także w kampanii reklamowej Sprite (tekst w j.ang.) nawiązującej do idei Metaverse.

Na potrzebę wchodzenia w bardziej „namacalne” interakcje może mieć wpływ postpandemiczna rzeczywistość, ale wyraźnie widzimy też inspiracje stylem Y2K: to nastrojowe lampy typu lawa, rozciągliwa guma z reklam Nickelodeon GAK i breloczki z futerkiem królika, które kiedyś wprowadzały nasze zmysły w świat tekstur.

3. Im więcej, tym lepiej

W skrócie: Wielki powrót maksymalizmu

W projektowaniu stron internetowych coraz bardziej widać nowy styl inspirowany hasłem „more is more” (odwrotność hasła „less is more”, czyli „mniej znaczy więcej"). A to oznacza odwrót od subtelnego minimalizmu w web designie.

– Ubiegły rok był rokiem czystych projektów, obecny będzie należał do odważnych projektów – zapowiada Huri.

Ten trend internetowy łączy wiele elementów. Zobaczymy symetryczne ekrany podzielone na zrównoważone sekcje, ale zamiast delikatnego i minimalistycznego designu, pojawią się asymetryczne elementy, jasna i mocna typografia, mocne kolory, a także intensywne tekstury i energiczny ruch.

– Każda sekcja na ekranie będzie jak osobny program telewizyjny, koncert lub psychodeliczna podróż – mówi Huri.

Jako przykład tego trendu Koronio wskazuje jasny i niepokorny branding stron Starface, gdzie styl „more-is-more” prezentuje się w pełni i może stanowić źródło inspiracji na 2023 r. Miękkie, zaokrąglone krawędzie zderzają się z neonowymi kolorami, typografią inspirowaną latami 90. i krzykliwymi obrazami. Wygląda na to, że nadmierna stymulacja ma wyrwać nas z monotonnego marazmu ostatnich lat.

Strona Starface prezentuje trend „more is more"

4. Antydesign w projektowaniu

W skrócie: Chaos to stan umysłu – i nam się to podoba.

Żyjemy w niepewnych czasach. Niepokój budzi w nas kwestia klimatu, zmiany geopolityczne i niepewność w miejscu pracy. Do tej pory web design wprowadzał pewien porządek wśród tego zamieszania, ale teraz, jak mówi Kadussi, otwarcie przyjmujemy chaos. Witamy w świecie antydesignu.

Nawiązując do koncepcji brutalizmu, antydesign czerpie z surowości i dąży do łamania zasad projektowania, na rzecz odtworzenia otaczającego nas chaosu. Ten trend w projektowaniu stron online charakteryzuje się ciężkimi, agresywnymi elementami, które wydają się nieproporcjonalne i przełamują obraz: są to kontrastowe tekstury, nakładające się elementy, duże czcionki i asymetryczne, nieuporządkowane układy.

Projektanci stosują antydesign, aby przekroczyć granice kreatywności i nawiązać kontakt z nowymi odbiorcami. Ten przyciągający uwagę styl nie będzie jednak pasował do każdej witryny i każdej marki. Kadussi zwraca uwagę na fakt, że wiele firm działających w sieci (w tym sklepy internetowe) musi mieć zdefiniowaną strukturę stron i jasną nawigację, więc styl antydesign musi być ostrożnie stosowany.

Jeśli jednak masz portfolio online, prowadzisz jakiś nowatorski projekt, kampanię lub chcesz zwrócić uwagę na ważną inicjatywę, antydesign może pomóc w przekazaniu podtekstu, jak na poniższym przykładzie strony: tak New York Times przekazał wizję chaosu związanego z nadciągającą katastrofą klimatyczną.

Łamiąc wszelkie zasady projektowania stron internetowych, Kurt Champion tworzy wyjątkowo angażujące doświadczenie.

5. Dopaminowa kolorystyka

W skrócie: W 2023 r. rządzą żywe kolory

Ubiegłoroczny design strony internetowej bazował na kolorach Ziemi i barwach podstawowych, w tym roku władzę przejmuje neon. – Wszystko będzie nasycone jaskrawymi kolorami – mówi Huri. – Użytkownicy szeroko otworzą oczy, uśmiechną się i zaszaleją.

– Nie chodzi tylko o krzykliwe odcienie, takie jak odważny turkus, jadowita zieleń i jaskrawy róż, jak w kolekcji Valentino Pink, ale w ogóle o palety kolorów, które stanowią ukłon w stronę maksymalizmu – dodaje Kadussi.

Jak stosować energetyczne barwy 2023 r.? Kolorowe nakładki, gradienty i różnorodne obrazy przyciągają wzrok i poprawiają nastrój. Huri dodaje, że nasycenie witryny wieloma kolorami może stworzyć grungowy, hałaśliwy efekt, który przyciągnie uwagę pokolenia Z. Można np. w różnorodny sposób ozdobić sekcje tej samej strony lub zastosować różne odcienie dla akapitów, nagłówków i przycisków call-to-action.

Yonson wykorzystuje „dopaminowe” kolory, aby zaciekawić użytkowników

6. Zaokrąglone krawędzie

W skrócie: Lubimy to, co lubi Apple

Wystarczy, że Apple wprowadzi coś nowego – nawet gdy zmiana jest ledwo zauważalna – i to rozwiązanie od razu staje się modne. Gdy tylko Apple wprowadził zaokrąglenia (tekst w j.ang.) w interfejsie iPhone'a i projektach aplikacji, motyw ten natychmiast trafił na liczne strony internetowe, do sklepów online i na blogi.

– Wszystko ma miękkie, zaokrąglone rogi: marginesy stron, zdjęcia w galeriach, a nawet produkty – mówi Koronio.

Kadussi i Koronio zgadzają się, że ten trend można łatwo łączyć z pozostałymi. W zestawieniu z retrofuturyzmem Y2K zaokrąglenia podkreślają miękkość i nadają projektowi sentymentalnego tonu, a kontrastując z twardością brutalizmu, łagodzą wrażenie maksymalizmu i hałasu.

Użytkownik Wix Nedavius używa zaokrąglonych krawędzi w layouycie, obrazach i typografii w swoim portfolio online

7. Moc sztucznej inteligencji

W skrócie: Czas na eksperymenty

W ubiegłym roku pojawiło się wiele nowych narzędzi wykorzystujących sztuczną inteligencję (AI), a wraz z nimi sporo sceptycyzmu i… strachu. – Natychmiast narodziło się pytanie: czy to rozwiązanie zastąpi projektantów? – mówi Kadussi.

Świat zaczął eksperymentować z narzędziami i szybko się okazało, że choć AI może generować obrazy w ciągu kilku sekund, człowiek nadal musi sztuczną inteligencję zasilić wstępną wizją. Nasi eksperci od projektowania przewidują, że w 2023 roku rozwiązania AI nie zastąpią projektantów, ale otworzą wiele możliwości.

Projektanci muszą udoskonalić umiejętność komunikacji ze sztuczna inteligencją, aby narzędzia AI mogły precyzyjnie generować ich wizje. Kadussi zauważa, że branża projektowa będzie musiała ujednolicić terminologię w zakresie fotografii, grafiki i projektowania stron internetowych, aby bardziej precyzyjnie porozumiewać się z AI.

8. Prawdziwe ujęcia

W skrócie: Rzeczywistość bez poprawek

Pomimo ciągot w kierunku AI i VR (rzeczywistość wirtualna), odbiorcy tęsknią za kontaktem z nieupiększonym światem, takim jak w serwisach TikTok i BeReal. Ludzie dążą do kontaktu z autentycznymi osobowościami i surowymi obrazami, co oznacza mniej retuszowania i ulepszania.

– Obrazy mniej będą wpływać na tworzenie klimatu, a bardziej będą służyć podkreślaniu znaczenia treści – mówi Koronio.

Lauren Z Marsau wykorzystuje niefiltrowane zdjęcia na stronie portfolio i dzięki nim opowiada wciągającą historię

9. Animacje oparte na przewijaniu i wyzwalaniu

W skrócie: Twoja myszka będzie miała niezły ubaw.

Huri sugeruje, że 2022 r. był rokiem „scrollytellingu”. Projektanci wykorzystywali efekty przewijania do tworzenia niekonwencjonalnych układów stron internetowych, które wciągały użytkowników, angażowały ich w prezentowaną narrację i nierzadko zachwycały.

Coraz trudniej jest zachować na dłużej uwagę użytkowników – odbiorcy potrzebują coraz więcej bodźców, aby ich poziom zainteresowania nie spadał. W tym roku, jak twierdzi Huri, pojawią się drobne, ale zabawne elementy, które będą przyciągały uwagę odbiorców.

Huri dodaje, że nowe efekty angażujące uwagę użytkowników zostaną wkrótce wprowadzone do edytora Wix. Warto zwrócić uwagę na efekty przewijania, które można stosować w pojedynczych paskach i elementach, nieskończone animacje w pętli i mikrointerakcje wywoływane ruchami myszy.

Strona internetowa It's Mine's pokazuje, jak interakcje oparte na przewijaniu i wyzwalaniu mogą pasować do projektu strony internetowej marki

Podsumowanie

Projektanci Wix stale trzymają rękę na pulsie zmian, aby nasze narzędzia w edytorze i gotowe szablony stron internetowych były pełne świeżych, innowacyjnych rozwiązań – dla każdego rodzaju stron internetowych.

Szukając pomysłu na stronę internetową w 2023 r., warto poznać nowe trendy w projektowaniu stron, które mogą stać się dla Ciebie cennym źródłem inspiracji. Jeśli chcesz w ciekawy sposób wyeksponować wizerunek marki w sieci, wykorzystaj swój twórczy potencjał i nasze profesjonalne rozwiązania i stwórz wyjątkowe strony online, zgodne z najnowszymi trendami.

Aleksandra Kot

Specjalistka marketingu