Содержание

20 лучших дизайнов сайтов 2021 года по версии Awwwards

Дизайн играет все более важную роль, независимо от того, в каком проекте он используется – креативном или коммерческом. Согласно отчету The Business Value of Design от McKinsey, компании с высоким показателем Design Index (определяющим ценность дизайна для бизнеса) намного успешнее по сравнению с другими. Как же оставаться в курсе всех новинок такой стремительно развивающейся индустрии? Мы поможем вам в этом.

Мы создали подборку лучших дизайнов сайтов 2021 года от Awwwards, чтобы вы могли познакомиться с последними трендами и получить порцию вдохновения. Посмотрите примеры топовых страниц и найдите идеи для собственного проекта.

 

1. Grids

от OBYS AGENCY

Это образовательный сайт, на котором собрана детальная информация о таком инструменте дизайна, как сетки, а также их возможностях и креативных решениях. Благодаря оригинальной подаче темы изучать эту страницу будет интересно, даже если вы не графический дизайнер.

Посмотреть сайт

 

2. Portfolio

от VICTOIRE DOUY

Найдите вдохновение на сайте французского иллюстратора и мастера интерактивного дизайна Виктории Дуи, которая представила свое портфолио в увлекательном игровом формате.

Посмотреть сайт

 

3. Kalso

от VAAN GROUP

Vaan – это диджитал-агентство, специализирующееся на генерации концепций, дизайне и создании технологий, которые позволяют улучшить пользовательский опыт в e-commerce. В этот раз они переделали сайт для Earth Shoe – бренда “оригинальной wellness-обуви”, созданного Энн Калсе в 1957 году.

Посмотреть сайт

 

4. Shapefarm

от GARDEN EIGHT

Посмотрите на это потрясающее сочетание лаконичного дизайна и сцен из фантастических миров. Сайт был создан японской дизайн-студией для независимого разработчика игр Shapefarm.

Посмотреть сайт

 

5. Monopo

от MONOPO

Можно с уверенностью сказать, что эстетика киберпанка не теряет популярность. Поэтому подобные дизайнерские решения заслуживают внимания. Мрачное будущее уже наступило. По крайней мере, в дизайне.

Посмотреть сайт

 

6. My Little Storybook

от LUSION

Креативная студия Lusion, работающая над приложениями реального времени, подняла онлайн-сторителлинг на новый уровень. Это история, вдохновленная японским аниме. Обязательно загляните на страницу студии, там вас ждут несколько впечатляющих дизайн-проектов.

Посмотреть сайт

 

7. GSoft

от MILL3

GSoft – независимая компания-разработчик ПО, которая была создана в Канаде более 15 лет назад. Их миссия – помощь клиентам в налаживании простых и эффективных бизнес-процессов. Новый сайт сразу дает это понять благодаря дружелюбному дизайну и четкому месседжу.

Посмотреть сайт

 

8. Gucci Burst

от SUPERHERO CHEESECAKE

Легендарный модный дом Gucci часто экспериментирует с форматами. По случаю запуска новых кроссовок Gucci Basket компания создала динамичную игру. Просто откройте сайт и развлекитесь немного!

Посмотреть сайт

 

9. The Shift

от GAREN EIGHT

Мир стремительно меняется, и The Shift помогает компаниям адаптироваться к этим постоянным изменениям. Студия Garden Eight, которая работала над дизайном, сумела создать интернациональный стиль, сохранив при этом японскую идентичность компании.

Посмотреть сайт

 

10. Pangram Pangram

от LOCOMOTIVE

Этот стильный сайт – источник трендовых шрифтов, которые можно протестировать бесплатно. Может, именно здесь вы найдете идеальный вариант для своего бренда. Загляните на страницу.

Посмотреть сайт

 

11. Traces

от WE TRANSFER

Это один из самых эффектных сайтов в списке. Traces – проект, который известная концептуальная художница и мастер перформанса Марина Абрамович создала для WePresent. Это не просто веб-страница, а захватывающий онлайн-опыт и виртуальная капсула времени.

Посмотреть сайт

 

12.

Gucci Flora Gorgeous Gardenia

от GUCCI

И снова итальянский дом моды. В 2021 году из-за пандемических ограничений большинство людей по-прежнему выбирают онлайн-шопинг, и бренд Gucci придумал, как познакомить клиентов с нотами своего нового аромата в таких условиях. Это пример того, насколько универсальным и важным может быть онлайн-опыт для запуска новых продуктов! На увлекательной веб-странице вы найдете фирменные стикеры и AR-элементы.

Посмотреть сайт

 

13. DFY

от DFY

Именно такого впечатляющего результата и ждешь от креативного агентства, специализирующегося на создании онлайн-платформ для брендов. Обратите внимание на типографику и зернистые изображения. Сейчас это тренд.

Посмотреть сайт

 

14. Star Atlas

от HELLO MONDAY

Привет, будущее! Star Atlas – это стратегическая игра, посвященная исследованию космоса, с виртуальной метавселенной, управляемой блокчейном. Этот захватывающий сайт был создан как тизер к игре. Впечатляет, не так ли?

Посмотреть сайт

 

15. Are you OKOK?

от OKOK Services

Еще один интерактивный сайт, который предлагает найти ответы на экзистенциальные вопросы. Сыграйте в простую игру и обратите внимание на продуманный дизайн.

 Посмотреть сайт

 

16. Life in Vogue

от MONOGRID

В fashion-индустрии активно экспериментируют со сложными и инновационными решениями в веб-дизайне. Основная идея этого интерактивного сайта – показать рабочее пространство Vogue. На сайте можно погулять по 3D-помещениям и даже стать гостем мероприятия.

Посмотреть сайт

 

17. Creative Nights

от CREATIVE NIGHTS

В онлайн-портфолио титулованной креативной студии из Чехии представлены одни из главных трендов: жирные шрифты, пастельные цвета и видео. Сайт сложный и динамичный, но при этом достаточно простой для пользователя.

Посмотреть сайт

 

18. Speedy

от BUROKRATIK

Платформы и приложения, посвященные финансам, как Speedy, сейчас очень популярны. Его минималистичный черно-белый дизайн позволяет легко сосредоточиться на цифрах, найти то, что вы ищете, и избежать ошибок. Отлично продумано!

Посмотреть сайт

 

19. Artisans d’Idees

от IMMERSIVE GARDEN

Artisans d’Idees – международное агентство, специализирующееся на инновациях, продакшене и онлайн-опыте. В Immersive Garden для него создали просто потрясающий сайт.

Посмотреть сайт

 

20. Miranda — Paper Portfolio

от NICCOLO MIRANDA

Объединение старого с новым всегда смотрится интересно. Никколо Миранда – многогранный креатор, который в частности занимается режиссурой и моушн-дизайном. Для своего портфолио он выбрал формат цифрового документа, и это смотрится очень стильно. Обратите внимание на детали!

Посмотреть сайт

Не стоит недооценивать значение дизайна. Он может помочь вашему бренду выделиться среди конкурентов, впечатлить потенциальных клиентов и улучшить пользовательский опыт. Надеемся, этот список станет источником вдохновения и отличных идей!

Найдите другие примеры топовых сайтов в подборках лучших дизайнов по версии Awwwards за предыдущие годы:

— 20 лучших дизайнов сайтов 2020 года по версии Awwwards

— Лучшие дизайны сайтов по версии Awwwards (2019)

— Лучшие дизайны сайтов по версии Awwwards

Дайджест блога Depositphotos

Присоединяйтесь к сообществу из 160,000 читателей, которые раз в месяц
получают подборку креативных фото, полезных советов и интересных историй.

Спасибо, что подписались на ежемесячный дайджест блога Depositphotos!

Вдохновение: 50 минималистичных сайтов

  • Дизайн
  • 4 мин на чтение
  • 52093

Небольшая подборка отлично сделанных минималистичных сайтов, которая поможет найти вдохновение для вашего следующего проекта!

Более подробно изучить каждый сайт можно нажав на картинку-превью.

Cereal

NORM.ARCHITECTS

Character

Master & Dynamic

PFD

Winspear

makgoods

George Badea

Geordy Pearson

MetaLab

SocioDesign

Gridbooks

Helen & Hard

Parcel

Made Publishers

Oak Street Bootmakers

RGB MEDIA

Hedge House Furniture

Helbak Ceramics

Howard Yount

DSTLD

Future Büro

Leen Heyne

Ink & Spindle

Lars Tornøe

INDUSTRY

UpDroid

Industry Standard

R&Co Design

Quay Restaurant

TAVO

One Iota

Paradox Design Studio

Studio D

Living Edge

Skargaarden

Circle 21 Candles

Sam Dallyn

Hyperquake

Cinco

Oculus

Simon Foster

Make Your Odyssey

HOW arkitekter

Esme Winter

Noap Studio

Visual Soldiers

Lab21 Digital Bureau

Ed Harrison Design

The Modern House

Источник: sixrevisions. com

  • #вдохновение
  • #веб
  • #вебсайт
  • #дизайн
  • #подборка
  • #список
  • 1

Читайте далее

Статьи по теме

Современные веб-сайты — 1175+ лучших идей современного веб-дизайна 2023

248

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

180

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

84

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

171

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

75

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

67

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

129

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

88

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

59

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

59

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

58

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

85

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

109

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

39

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

123

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

33

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

32

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

42

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

34

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

110

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

54

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

16

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

24

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

75

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

25

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

23

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

44

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

33

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

24

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

31

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

19

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

32

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

38

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

15

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

29

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

34

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

33

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

9

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

24

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

34

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

16

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

37

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

50

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

26

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

14

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

32

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

17

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

7

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

36

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

17

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

23

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

21

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

17

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

33

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

9

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

17

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

16

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

27

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

38

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

4

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

8

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

47

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

12

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

34

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

14

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

14

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

23

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

23

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

17

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

4

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

24

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

13

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

9

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

12

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

21

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

18

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

28

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

86

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

24

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

8

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

16

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

8

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

77

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

41

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

7

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

15

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

19

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

8

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

12

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

22

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

26

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

10

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

56

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

22

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

59

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

9

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

Вы посмотрели 99 дизайнов и хотите еще один кусочек?

по ET

Поиск идей для веб-сайтов

Современные веб-сайты не подходят? Попробуйте что-нибудь еще:

Винтажные сайты

Футуристические сайты

Ретро-сайты

Плоские сайты

Классические сайты

Нарисованные от руки веб-сайты

Деревенские сайты

Современные веб-сайты

Веб-сайты с большими изображениями

Сайты разработки

Веб-сайты электронной коммерции

Темные сайты

Веб-сайты курсов

Сайты одежды

Сайты интернет-магазинов

Сайты-портфолио

Сайты недвижимости

Как создать современный дизайн сайта

Если вам нужен удивительный современный веб-сайт, который выделяется на фоне конкурентов, обратитесь к профессиональному дизайнеру. Найдите и наймите дизайнера, который воплотит ваше видение в жизнь, или проведите конкурс дизайна и получите идеи от дизайнеров со всего мира.

Начать конкурс

Дизайнеры со всего мира предлагают вам свои идеи. Вы предоставляете отзывы, оттачиваете свои фавориты и выбираете победителя.

Начать конкурс

Начать проект

Найдите идеального дизайнера, соответствующего вашему стилю и бюджету. Затем сотрудничайте один на один, чтобы создать собственный веб-сайт.

Начать проект

Узнайте больше о дизайне веб-страниц

4,6 в среднем от 2355 отзывы клиентов о веб-дизайне

Из чего состоит хороший современный веб-сайт?

Отличный веб-сайт показывает миру, кто вы есть, заставляет людей помнить вас и помогает потенциальным клиентам понять, нашли ли они то, что искали. Веб-сайты передают все это через цвет, форму и другие элементы дизайна. Узнайте, как сделать так, чтобы ваш современный веб-сайт рассказывал историю вашего бренда.

Типы веб-сайтов

Существует 8 различных типов веб-сайтов. Узнайте, что они из себя представляют, чтобы решить, какие из них будут соответствовать вашим потребностям… Продолжайте читать

Как создать сайт

Создание веб-сайта может быть сложным. Это руководство шаг за шагом проведет вас через процесс создания веб-сайта… Продолжайте читать

Цвета веб-дизайна

Выбор правильных цветов веб-сайта может подчеркнуть сильные стороны вашего бизнеса и помочь вам привлечь нужных клиентов… Продолжайте читать

Дополнительные советы по веб-дизайну

современных веб-сайтов: более 20 вдохновляющих примеров (2023 г.

) современный веб-сайт: более 20 вдохновляющих примеров (2023 г.)

Последнее обновление 2 января 2023 г.

Написано Джухил Мендпара

Я видел, как веб-дизайнеры хвалят полностью игровые веб-сайты или веб-сайты с большим количеством сложных 3D-анимаций как «ВАУ», «следующее поколение» и «действительно современный». Они хвалят тех за искусство, технические детали и «Вау! Смотри, что возможно!» этого.

Хотя такие веб-сайты, безусловно, являются «современными веб-сайтами», они не являются хорошими современными веб-сайтами. Они ставят эстетику выше функциональности; хороший веб-сайт — это всегда «цель и функция в первую очередь, а во вторую — искусство».

В целом, качественный современный веб-сайт имеет:

  • Функциональную надежность : Хороший веб-сайт следует фундаментальным принципам, таким как выделение продукта или услуги в качестве главного героя веб-сайта, оптимальное размещение CTA, удобная навигация, поддержание четкой иерархии, поддержка правильного цвета. схемы, поддержание индексации страниц для SEO, демонстрация отличного текста/историй и т. д. как на настольных, так и на мобильных устройствах.
  • Современная эстетика : Современные веб-сайты имеют изображения в заголовке на всю страницу, микроанимацию, улучшающую взаимодействие с пользователем, сильную типографику, смелые фотографии, игривые курсоры, правильно расположенные фоновые видео, много пустого пространства, минималистичный дизайн и многое другое.

Вы можете увидеть оба на этих современных веб-сайтах:

1. Джонс Бар-Би-Кью

Сделано с Квадратное пространство


Вдохновленный и расположенный в Канзас-Сити бар Jones Bar-B-Q славится своими восхитительными вкусами. Ресторан начал свою деятельность в 1970 году и с тех пор вырос, производя соусы, которые можно купить онлайн из любой точки мира.

Для веб-сайта они выбрали красную цветовую палитру, которая мгновенно создает у посетителей впечатление чего-то горячего или захватывающего.

С иерархической точки зрения первое, что заметит любой, — это изображение свежеприготовленного острого соуса. Затем они прочитают большой и жирный текст⁠ — СОУС, СДЕЛАННЫЙ С ЛЮБОВЬЮ В КАНЗАС-СИТИ⁠ — который намекает на историю соуса, которая разворачивается с текстом и великолепными картинками, когда посетитель прокручивает страницу вниз_._ Наконец, есть четкая панель навигации и выделенный призыв к действию.

Отличный пример современного сайта!

jonesbbqkc.com

905:00

2. Бенджамин Хардман

Сделано с Квадратное пространство


Бенджамин — фотограф, делающий удивительные снимки суровых условий, от одного взгляда на которые у вас мурашки по коже. Его работа часто завершается в Исландии; вы можете найти изображения красивых пейзажей и животных, которые живут в дикой природе.

Если вы посетите его веб-сайт, вы сразу заметите, что его фотография является героем веб-сайта. На главной странице нет ничего, кроме полноразмерных фотографий, на которые он кликнул. Кроме того, есть только небольшая панель навигации, которая приведет вас к другим важным страницам.

benjaminhardman.com


3. Минна

Сделано с Квадратное пространство


Minna — компания по производству органического чая, продающая много различных вкусов чая в отдельных банках или в различных упаковках. Их чаи не содержат чрезмерного количества сахара, который вы найдете в большинстве чаев, но при этом имеют легкий и вкусный вкус.

Полноразмерное изображение заголовка, белое пространство на главной странице, эффект параллаксной прокрутки CSS и соответствующие цветные разделы — все это примеры тенденций современного веб-дизайна. Кроме того, мелкие детали, такие как добавление фактов о пищевой ценности и соответствующих сертификатов рядом с CTA «Заказ онлайн», повышают доверие посетителей к бренду.

Одна небольшая ошибка, которую следует избегать : Текст навигации недостаточно контрастирует с фоновым изображением, поэтому посетители с трудом увидят ссылку «Магазин чая».

drinkminna.com


4. Дизайн Эйвери Кокс

Сделано с Квадратное пространство


Эйвери Кокс живет в Техасе, где она добавляет уникальный красочный и смелый стиль в дизайн помещений, которые она проектирует. Она приобрела опыт работы в Нью-Йорке с известными дизайнерами, что позволило ей применить полученные знания в своем собственном бизнесе.

Красочное изображение красиво оформленной гостиной прямо наверху сразу привлекает внимание посетителей. Когда вы прокручиваете вниз, вы видите текст, который может быть лучше с точки зрения размера шрифта и иерархии, но в этом нет ничего важного. Ниже она добавила множество изображений своих работ по дизайну интерьера, что отлично подходит для лидов и конверсий.

averycoxdesign.comhome


5. Сотовое сельскохозяйственное общество

Сделано с WordPress


CAS — международная некоммерческая организация, созданная для развития клеточного сельского хозяйства. Они стремятся научно выращивать продукты животного происхождения для людей, чтобы исключить убой животных.

Их веб-сайт загружен необходимой информацией и интерактивными анимациями, но ничто не кажется неуместным. Посетители могут узнать все о проекте, прокручивая страницу сверху вниз. И есть немного другая, чем обычно, но простая навигация.

сайт www.cellag.org


6. Капли

Сделано с Shopify


Dropps продает экологически чистые моющие средства, смягчители, кухонные полотенца и другие товары для стирки и кухни через свой магазин Shopify.

Их веб-сайт следует шаблону типичного современного веб-сайта: полноразмерное изображение заголовка, хороший текст, удобная навигация, УТП, упомянутые прямо вверху, и минимальные и соответствующие анимации. Что мне особенно понравилось, так это их главный образ ⁠ — сам образ многое говорит об их продуктах.

dropps.com


7. Мак и Пуя

Сделано с Веб-поток


Мак и Пуя — свадебные фотографы. И дизайн их сайта такой же красивый, как и их фотографии.

Здесь много цветов, микро-анимации, звуков, фотографий и деталей, но ничто на сайте не кажется ошеломляющим. Выбор шрифта, выбор значков и общий выбор дизайна идеально подходят для современного сайта портфолио фотографии.

mackpouya.webflow.io


8. Джош Рубиетта

Сделано с Wix


Джош из района залива, но много лет путешествовал, делясь своими талантами в музыке, танцах и актерском мастерстве. Вы можете найти музыку на его веб-сайте и ссылки на его канал YouTube на веб-сайте.

Джош хорошо классифицировал все и добавил релевантные высококачественные фотографии и портфолио для каждой категории⁠ — то, что поможет потенциальным клиентам перейти непосредственно к тому, что они ищут.

joshrubietta.com


9. Сасаки

Сделано с WordPress


Sasaki работает уже более 65 лет и продолжает расти. Их стиль дизайна сочетает в себе множество различных взглядов, чтобы создать прогрессивную концепцию дизайна с устойчивостью на вершине.

Домашняя страница Sasaki имеет отличную анимацию, множество социальных доказательств и ссылки на все категории их работ. Посетители могут узнать о любом из проектов Сасаки в пару кликов. Кроме того, мелкие детали, такие как изображения, слегка увеличивающиеся при наведении курсора, улучшают взаимодействие с пользователем.

sasaki.com


10. Девон Станк

Сделано с Квадратное пространство


Девон — гуру дизайна веб-сайтов Squarespace. Если вам нужен впечатляющий веб-сайт, это ваш парень. Кроме того, он проводит обучение в этих отделах и дополнительные плагины, которые также могут понадобиться.

Очевидно, он реализовал все современные принципы веб-дизайна для этого сайта. В качестве доказательства обратите внимание на высококачественное фоновое видео, иерархию шрифтов и использование анимации.

devonstank.com


11. Лин-Мануал Миранда

Сделано с Квадратное пространство


Возможно, вы видели Лин-Мануал Миранду в бродвейском шоу «Гамильтон». Он также является создателем этой пьесы и получил массу наград, в том числе «Грэмми», «Тони» и «Эмми».

Его личный веб-сайт демонстрирует, кто он есть, просто, но блестяще. В нем используется отличная цветовая схема, есть отличные фотографии его и его работы, и он постоянно обновляется новыми новостями о нем и ссылками на его работы, если они публикуются на платформах OTT.

linmanuel.com


12. Толстый Чой

Сделано с Квадратное пространство


Как вы видите на главной странице веб-сайта, Fat Choy находится в Нью-Йорке и смешивает китайские и веганские вкусы. Они предлагают обедать в ресторане, на вынос и на открытом воздухе для своей клиентской базы прямо с веб-сайта.

Прямо в центре главного раздела веб-сайта есть четкий призыв к действию, и люди могут видеть свое меню в верхней строке меню. Кроме того, они довольно хорошо используют некоторые современные элементы дизайна веб-сайтов, такие как уникальная типографика и пользовательские иллюстрации.

www.fatchoynyc.com


13. 100% чистый

Сделано с Shopify


Вы можете понять эту косметическую компанию по ее названию. Супер крутые продукты по уходу за кожей, которые обретают свой цвет благодаря натуральным фруктам и насыщены другими полезными веществами, такими как зеленый чай.

Этот чистый веб-сайт D2C посвящен только одному: продажам! Первые три раздела веб-сайта посвящены продажам: 1. Главный раздел показывает лучшие предложения. 2. Ниже у них есть раздел «Самые просматриваемые», в котором представлены бестселлеры. 3. Затем у них есть призывы к действию для своих коллекций. И разделы ниже, которые создают социальное доказательство и продвигают свой бренд⁠ — то, что хорошо дополняет цель веб-сайта электронной коммерции.

Помимо сосредоточения на цели, он также следует современным элементам эстетики дизайна веб-сайта. Например, в нем используется отличный шрифт, подходящая цветовая палитра, высококачественные фотографии продуктов, панель навигации по наведению курсора и многое другое.

100percentpure.com


14. Сверхъестественное

Сделано с Квадратное пространство


Бренд Supernatural представляет захватывающий способ творчества на кухне на основе растений. Все их порошковые продукты и рецепты яркого цвета, лучше для вас и забавны для использования на кухне!

Раздел героев без копирования и призыва к действию придает веб-сайту чистый вид. А желтая цветовая схема соответствует цветам их упаковки, рекламы и сообщений в социальных сетях, что придает ей последовательный брендинг.

supernaturalkitchen.com


15. Пиршества

Сделано с Shopify


Feastables — бренд шоколадных батончиков, созданный MrBeast ⁠ — одним из самых популярных и влиятельных ютуберов.

Целевая страница веб-сайта с полуплоским дизайном использует классическую сине-розовую цветовую схему MrBeast. Он также содержит все элементы MrBeast, разбросанные по всему веб-сайту — массовые подарки, благотворительность, изображение Джимми, также известного как MrBeast, причудливые отзывы от Чендлера и других членов команды и т. д.

Помимо всего брендинга MrBeast и современного веб-дизайна, имеет быструю и простую навигацию, настройки специальных возможностей, живой чат / чат-бот, кнопки социальных сетей, логическую структуру и идеально расположенные CTA.

feastables.com


16. Мелула

Сделано с Квадратное пространство


Melula — линия детской одежды из Дании, специализирующаяся на обуви. Их коллекции красочны, уникальны и призваны отражать веселье и воображение ребенка.

Минималистский веб-сайт — один из лучших простых современных веб-дизайнов, которые я когда-либо видел. Целевая страница имеет незначительное количество текста и несколько кликабельных изображений/визуального дизайна супер-высокого качества, которые направляют в их интернет-магазин. Хотя в 9-ке происходит сравнительно больше0506 Магазин , он также соответствует минималистской теме веб-сайта с большим количеством пустого пространства и отсутствием видимых кнопок призыва к действию.

С точки зрения современных тенденций дизайна веб-сайтов он идеально подходит для этого списка современных примеров дизайна веб-сайтов . Однако я не уверен, что веб-сайт достигает цели ⁠ — 90 506 продаж и 90 507 конверсий — эффективно.

melula.com


17. Все птицы

Сделано с Shopify


Allbirds продает мужскую, женскую и детскую очень удобную повседневную обувь. Они сделаны из натуральных материалов, таких как шерсть, и предлагают уникальный выбор стиля.

На их веб-сайте есть отличный текст, действительно хорошие изображения и естественный поток для потенциальных покупателей. Кроме того, все оптимизировано для конверсий ⁠ — например, обратите внимание на панель навигации: каждая ссылка ведет на коммерческую страницу; навигация к некоммерческим страницам, таким как контактная или информационная страница, размещена в нижнем колонтитуле.

У них также есть отличный ремаркетинг в магазине: всякий раз, когда посетитель посещает страницу продукта, но не покупает продукт, ему показываются эти продукты в разделе «Посмотрите еще раз» прямо вверху главной страницы (независимо от того, вошел ли посетитель в систему). или нет).

allbirds.com


18. Четверг Бут Ко.

Сделано с Shopify


Эта компания предлагает стильные варианты обуви как для мужчин, так и для женщин. Их цель заключалась не только в создании прочной обуви, но и в создании моделей, подходящих для многих случаев. Они идеально подходят как для работы, так и для повседневной жизни на улице.

Хотя управляемые изображения слайд-шоу в верхней части не совсем соответствуют «современным тенденциям дизайна веб-сайтов», они компенсируют это большими полноразмерными изображениями, удобным меню навигации и изящной анимацией.

thursdayboots.com


19. Оисии

Сделано с Квадратное пространство


Oishii — японская компания, выпускающая Omakase Berry. Компания гордится качеством, а не количеством выращиваемых ягод, доступных в их местах в Нью-Йорке, Лос-Анджелесе или Нью-Джерси.

На своем веб-сайте они используют быстро загружающееся, высококачественное, полноразмерное фоновое видео для главного раздела. Видео демонстрирует свежесть и качество ягоды, что требует от посетителя реакции: «Отлично! Я хочу чтобы!’.

Помимо видео, у них есть фантастическая копия, последовательная цветовая схема, красивые изображения и хорошо расположенные кнопки действий.

oishii.com


20. Алексис Джонсон Арт

Сделано с Квадратное пространство


Алексис Джонсон — художник-самоучка из Миннесоты. Ее иллюстрации в основном состоят из чернил, но иногда она работает и с другими материалами, такими как пастель. Она продолжает свое собственное образование, исследуя различные формы искусства с каждым новым проектом, который она завершает.

Сайт ее художественного портфолио выполнен в минималистичном стиле. На главной странице она разместила галерею своих работ⁠ — вы можете нажать на фотографии, чтобы узнать больше о произведениях. Кроме того, вы можете перейти только на две страницы сайта⁠— О и Связаться с ⁠ — из меню навигации.

alexisjohnsonart.com


21. Квадратное пространство

Сделано с Квадратное пространство


Давайте завершим список Squarespace — конструктором веб-сайтов, который используют многие веб-сайты в этом списке «Вдохновение современного веб-дизайна».

Очевидно, Squarespace разбирается в веб-дизайне. И я уверен, что они изучили бы все современные идеи дизайна и оптимизации коэффициента конверсии для создания своего веб-сайта, через который они продают свою SaaS для создания веб-сайтов.

В главном разделе главной страницы есть полноэкранное изображение и GIF-файл, демонстрирующий результаты (т. е. тип веб-сайта), которые вы получите, используя их продукт. Меню навигации безупречно и оптимизировано для привлечения посетителей на страницы с высоким намерением. Ниже раздела героев они продемонстрировали варианты использования, функции, социальное доказательство и многое другое с отличными изображениями, бесшовной анимацией и четким текстом.

Squarespace.com


Часто задаваемые вопросы

Что такое современный веб-сайт?

Современный веб-сайт — это веб-сайт, который соответствует последним тенденциям веб-дизайна и обычно создается с использованием современных технологий.

В контексте 2023 года современный веб-сайт будет означать отзывчивый и доступный веб-сайт с полноразмерными изображениями, яркими цветами, уникальной типографикой, пользовательскими иллюстрациями, большим количеством пустого пространства и т. д. В будущем это может означать 3D. веб-сайты, которые лучше всего просматривать с помощью 3D-гарнитуры.

Как создать современный сайт?

Если вы хотите создать современный веб-сайт, подобный примерам, которые мы показали в статье, проще всего будет использовать конструктор веб-сайтов, такой как Squarespace или Webflow.

Из-за чего веб-сайт выглядит устаревшим?

Я бы классифицировал веб-сайт как устаревший, если ему нужен флэш-плеер, он не отвечает, использует стандартные цвета, использует стандартные шрифты, не использует пустое пространство для создания эффекта, не имеет фирменных иллюстраций или на него довольно утомительно смотреть .