Запоминающийся сайт находит отклик в душе, заставляет возвращаться туда снова и снова, рассказывать о бренде. Особенно это касается тех страниц, которые могут вдохновлять одним своим видом. В каждом году свои законы по оформлению сайтов. Мы собрали самые вдохновляющие примеры страниц за 2020 год. А также тенденции этого и следующих годов, чтобы вы смогли создать лучший дизайн-проект сайта.
Как мы отбирали страницы
Мы руководствовались всего тремя критериями:
1. Страница имеет уникальный, красивый дизайн;
2. Страница имеет адаптивный интерфейс и удобное взаимодействие с пользователем;
3. Красивым этот сайт показался не только нам: дизайн получил какую-либо премию.
Естественно, мало какие страницы могут похвастаться соблюдением всех требований, но 2 из 3 уже неплохо в мире Digital. Вы можете вдохновляться на создание новых идей в дизайне или интерактиве по примеру признанных гениальных страниц.
Один из выбранных пунктов – получение премии за лучший дизайн. Это важный пункт, который смотрят многие посетители сайта. Вроде Оскара при выборе фильма. Какие премии значимы в digital дизайне?
Какие премии может получить дизайн сайта
В мире проводится множество конкурсов, где сайты получают признание общественности и жюри за самые лучшие дизайнерские решения. На сайте этих премий можно всегда посмотреть актуальных победителей, многие конкурсы проходят круглогодично.
Вот перечень популярных премий в РФ и мире:
- ADCR Awards - Art Directors Club Russian Awards. Инстанция выше - ADCE Awards, европейская премия. Награждает в сфере дизайна и рекламы;
- «Золотой сайт». Старейшая премия в России;
- Конкурс фестиваля G8. Нацелен на развитие фантазии в рекламе и оформлении сайтов;
- Конкурс «Рейтинг Рунета». Одна из категорий в наградах – дизайн сайта;
- Tagline Awards. Самая почетная премия в России;
- Awwwards. Присуждается в Испании за внешний вид, удобство, новизну идей и содержание страниц;
- Clio Awards. Премия посвящена рекламе, сюда входят сайты, представляющие бренд;
- CSS Design Awards. За новые идеи во внешнем виде страниц;
- DRIVEN x DESIGN. Дизайн во всех его проявлениях, тут интернет скорее побочная ветвь награды;
- European Design Awards. Тут сайты приложения, журналы. Любая новая мысль в оформлении;
- Golden Drum Awards. Digital & Mobile – одна из 8 отраслей награды;
- Golden Hammer Festival. Тоже присуждается за умение красиво показать бренд, а не за дизайн как таковой;
- Horizon Interactive Awards. Существует с 2001 года в области медиа;
- Mobileweb Awards. Созданы для поощрения качества индустрии дизайна;
- Webby Awards. Наличие этой награды – символ признания проекта в интернете.
Наличие этих наград дает право сайта считаться действительно успешным в плане дизайна. Но и их отсутствие не является чем-то плохим, ведь участие добровольное и часто недешевое. Если вы хотите участвовать в конкурсе, то рекомендуем посмотреть оформление сайта к выбранной премии. Ведь жюри всегда смотрит немного предвзято, а сайты стараются держать оформление в соответствии с представлениями о трендах в дизайне страниц.
Топ-10 лучших дизайнов сайта
Какие же сайты вошли в список 10 лучших в этом году? Мы посмотрели все сайты международных премий в сфере веб-дизайна и отобрали самые вдохновляющие, на наш взгляд, конечно.
10 место – Nakashima wood workers
Лендинг, содержащий большое количество очень вдохновляющих и красивых фотографий. Сам сайт посвящен деревообработке и эстетической красоте полученной мебели.
Здесь неизбежно начинаешь задумываться о правильности и экологичности деревообработки, охране лесов и качеству используемой в быту мебели. Сайт получил награду Webby в 2019 году.
Страница использует плавные, неяркие цвета. Фотографии сделаны черно-белыми или с затемнением. Сайт не вызывает отторжения для глаз. Прекрасный пример классического оформления сайта для широкой аудитории посетителей.
9 место – 1917
Этот сайт – реклама одноименного фильма, он целиком построен на взаимодействии. Посетитель может ходить, бегать и осматривать окопы. Почувствуйте себя героем фильма.
Сайт взял награду Awwwards. С сайта 1917 уходить не хочется совершенно, он больше похож на игру, чем на шедевр рекламы. Эта «игра» считается идеальным примером использования интерактива в оформлении страницы.
8 место. Amanda Martocchio
Традиционно лучшие дизайны у коммерческих сайтов. Покупатель должен влюбиться в продукт еще до его покупки. И студия архитекторов Аманды решила не упускать клиентов из-за скучного сайта.
Наград сайт не взял, но его устройство хорошая альтернатива модным сейчас лендингам. Сделать главную страницу презентацией – многие ли компании могут похвастаться таким решением? К тому же классическое оформление и качественные авторские фото.
7 место. Spinx digital
Вообще, этот сайт взял награду Awwwards в 2020 году. Но будет честными – таким лендингом уже никого не удивишь. Сайт использует фотографии, интересные шрифты и оптимальное количество интерактива.
Лучшие дизайнерские агентства быстро взяли на вооружение идею авторов, в том числе прекрасную адаптированность для поисковых систем, и сейчас такой дизайн лендингов много кто использует. Но приятно знать первых в списке и вдохновляться именно ими?
6 место. Ispy heihei
Детский лагерь в Новой Зеландии совершили прорыв в дизайнерской мысли. Они оформили свой сайт, как детскую игру ISpy, может быть, вы больше знаете «Где Уолли?».
Этот сайт взял награду Awwwards как лучший сайт дня в 2020 году. Это интерактивная игра по поиску персонажей, созданная в стиле своих создателей. Дизайн сайта и его интерактив заставляют оставаться на сайте подольше, но понять, что они рекламируют, без подсказок сможет не каждый.
5 место. The year of Greta
Разве не очевидно, что такая фигура, как Грета, просто не могла пройти мимо наград в интернете?
Сайт посвящен Грете Турнберг, ее становлению как медийной личности. Он взял награду за лучший веб-дизайн. Он действительно необычно сделан, интуитивно понятен и приятен взгляду.
4 место. Swab the world
Необычный лендинг, посвященный стволовым клеткам. Он несет больше информационную функцию, но с точки зрения дизайна, цепляет глаз.
Прежде всего никаких стандартный пастельных цветов и фотографий природы. Только контраст, только необычные решения. На первом экране лендинга расположены два шарика, которые постоянно движутся и привлекают внимание.
3 место. Eliasa kentour
Крайне вдохновляющий сайт. Он просто приковывает взгляды и заставляет кликать мышкой.
На самом деле это портфолио художника и Арт-директора из Франции. Очень красивая анимация загрузки, при этом достаточно быстрая скорость загрузки новой страницы. Несмотря на преобладание черный и белых цветов, сайт не выглядит мрачным. Он яркий, красивый и необычный.
2 место. Alan Menken
Композитор многих любимых нами песен Диснея, разве может у него быть обычным сайт?
Это лучший интерактивный сайт в интернете в 2020 году. Красивые видео, очаровательно оформленные кнопки и интуитивно понятное меню. Добавьте сюда общую цветовую гамму в стиле сепии и в целом достаточно нежных цветов. И мы получаем действительно шикарный в плане оформления и содержания сайт, с которым приятно взаимодействовать.
1 место. True cannabis
Возможно, не самое этически верное решение включать сайт по продаже конопли в наш топ. Но этот сайт по праву лучший из того, что может предложить веб-дизайн. Яркие цвета, разделение всего сайта на четыре истории, каждая оформлена иначе чем остальные. Много элементов на самом сайте, на скриншоте это овечка, наковальня, машинка и шлем космонавта, которые реагируют на указатель мыши.
Над этой страницей работали профессионалы, в том числе психологи и действительно хорошие дизайнеры. Вот чем не стыдно вдохновляться.
Что сейчас модно
Какие тенденции сайтов стартовали в начале 2020 года и до сих пор не сдают позиций:
- Яркость. Сепия не западает в памяти, в этом году стараются сделать сайты более вырви глазными, чем это было ранее. До определенной грани это даже хорошо, но все ли умеют эту грань видеть?
- Градиент. Плавные переходы цветов опять в моде. Добавьте яркое оформление и получить либо гениальный и запоминающийся сайт, либо тот, который хочется поскорее закрыть;
- Простота. Сайт должен быть понятен даже маленькому ребенку, иначе многие пользователи просто уйдут от вас, не разобравшись в кнопках. Упрощение – тенденция прошлых лет, которая со временем только упрочняет свои позиции;
- Минимализм. Дополнение к прошлому. Сайт должен быть как сцена в театре – только минимум самых необходимых инструментов и картинок. Перегружать, значит, не уважать пользователей медленного или дорогого интернета и делать сайт тяжелее для восприятия;
- Дополненная реальность. Инструмент тяжелый в реализации, что делает его не замыленным и интересным для посетителей;
- Объемные фото и плоские рисунки. Эта тенденция особенно видна в магазинах одежды и обуви. Весь сайт подчеркнуто плоский, а фотографии одежды подчеркнуто объемные. А лучше, интерактивные;
- Плавность вместо резкости. Телефоны становятся все более круглыми, дизайны вместе с ними;
- Крупная геометрия в рисунках. Как сделать обычный букет цветов уникальным и запоминающимся арт-объектом? Нарисовать его их геометрических фигур, раскрасить градиентом и больше контрастных решений в цветах;
- Больше движений, больше интерактива. Можете сделать мини-игру – делайте. Не можете – вставьте красивое видео. И то и другое будет на пике моды.
Тенденций 2020 и 2021 годов множество, мы выбрали самые интересные. Те, которые сделают сайт уникальным и интересным.
Как сделать сайт лучшим
Чтобы сделать сайт-победитель премий и любимец публики, мало быть в тренде сегодняшней моды. Нужно соблюдать правила хорошего сайта и не бояться пробовать новое.
Какие общие правила попадания сайт в список лучших:
- Авторское фото. Все же помнят, что стоковые фотографии отталкивают клиентов от бренда? С каждым годом использование собственных фотографий все более критично, а если вы хотите дизайнерский сайт, то и снимки делайте дизайнерскими;
- Интуитивно понятный интерфейс. 70-летняя бабушка должна разобраться, как купить ваш холодильник. А если вас не понимает даже молодежь, то о каких продажах и наградах может идти речь;
Приятное глазу сочетание цветов фона, картинок, шрифтов. Сайт должно быть легко читать, а не думать о больных глазах и как бы не поддаться искушению закрыть сайт;
Продуманная адаптивность. В век мобильных устройств сайт обязан быть идеально адаптированным для мобильных и маленьких экранов;
Разделение экрана на зоны. Разнообразит сайт и сделает его более читабельным;
Отсутствие лишних деталей. Как на сцене театра, только самое нужное.
Но кроме таких стандартных правил, нужно не бояться экспериментировать. Совместить фотографию с графикой? Замечательная идея. Это тоже тренд, пусть и из более «высокой» моды. Совмещение разных художественных стилей, видов искусства и другие интересные эксперименты могут благоприятно сказаться на удовольствии от использования странички.
Для создания вдохновляющего дизайна поможет возврат к истокам. И это может быть использование тенденций начала эры интернета, а может быть использование рисунков и мотивов из 80-х и 70-х. люди любят отсылки к старине.
Рекомендуем сделать логотип сайта запоминающимся и адаптивным. Запомниться может видео, собирающее ваш лого из деталей. А адаптивность – это разный внешний вид логотипа на разном размере экрана. Чем меньше экран, тем меньше мелких деталей и дополнительных символов.
Не забывайте и про детали. Экраны загрузки, интерактивные отдельные элементы страницы, анимация кнопок. Все это делает сайт более запоминающимся и необычным.
Теперь вы сможете создать свой собственный сайт на Ucraft, используя основные правила оформления, модные тенденции этого и следующего годов и 10 самых крутых сайтов 20 года.