лучшие российские сайты дизайн
11 креативных сайтов отечественных студий веб-дизайна
В сфере создания сайтов креатив был востребован всегда. Как только не проявлялась фантазия веб-дизайнеров! С появлением HTML5 / CSS3 / SVG и прочего, наконец-то, для создания крутых сайтов появились все возможности. Свободные дизайнеры, фрилансеры, креативные агентства и дизайнерские студии – первые, кто должны бы их использовать для создания невероятных веб-сайтов. И хотя появилась мода на яркие цвета, нельзя не заметить, что WEB переживает совсем иные тенденции. Это если не минимализм, то по крайней мере, простота и чистый дизайн.
Мало кто стремится создавать перегруженные дизайны, демонстрирующие всю мощь новых технологий. Распространенные веб-направления сводятся сейчас к простому оформлению интернет-ресурсов — для максимально эффективной подачи материалов, продаж продукта, представления миссии компании.
Некоторые дизайнерские студии Рунета уже последовали этой общей тенденции. Далее, дизайн-обзор отечественных сайтов интернет-агентств и веб-студий, передающих свой посыл целевой аудитории с помощью креативной простоты.
01. Sibirix
Выразительный сайт студии интернет-решений разработан специалистами Сибири.
Объемный и хорошо структурированный сайт с интересными материалами и оформительским разнообразием. Оригинальный дизайн гамбургер-меню и вторичной навигации на плашках.
02. Cuberto
Современные дизайн-тенденции позволяют выразить себя, задать настрой на позитив.
Эмоциональным минимализмом сайт студии поддерживает оптимизм клиентов. Технологии: bootstrap, GSAP Animation, SVG. Используемые веб-тренды:
03. Nikoland
Отмеченный наградами сайт рейтинговой отечественной веб-дизайн студии.
Впечатление производят красивые бэкграунды с видео в первом экране главной страницы, выразительными иллюстрациями на странице «О студии». Используемые веб-тренды:
04. Red Collar
Веб-студия из Воронежа в портфолио работ которой немало известных проектов.
Сайт на HTML5 с запоминающимся прелоадером загрузки, стильными эффектами и красивыми переходами. Используемые веб-тренды:
05. 12wave
Студия разрабатывает необычные запоминающиеся сайты, 3D-миры и продвинутую графику.
Команда студии представлена креативными баранами, занятыми творчеством на планетах, в открытом космосе и на борту корабля. Иллюстрирование в стиле Smooth Shading позволило сделать оформление ироничным и реалистичным. Используемые веб-тренды:
06. Hungry Boys
Голодные парни» стартовали 5 лет назад и вышли в десятку лучших студий РФ.
Сегодня дизайн-студия создает проекты для стартапов и корпораций рунета / буржунета, входит в состав международной сети агентств POSSIBLE Group. Используемые веб-тренды:
07. Promo
Старейшее веб-агентство с репутацией и именитыми клиентами в портфолио основано в 1997 г.
Эффектный сайт начинается с социального доказательства в первом экране главной страницы. Используемые веб-тренды:
08. Red-is
В оформлении есть несколько нестандартных идей, впрочем об этом тут предупреждают.
Сайт выполнен на html5, дизайн компактный и минималистичный. Используемые веб-тренды:
09. Сообща
С креативным Интро-роликом и неймингом, агентство производит впечатление и запоминается.
Буйство фантазии умеренное хулиганство распыляющих краску – это то, что демонстрирует видеобэкграунд с именным трафаретом, представляя агентство маркетинга на главной странице. Контурные иконки флип-переворотом знакомят с услугами. Используемые веб-тренды:
10. Pink Man
В анимационных сценариях пропагандируется простота — основная стратегия web-студии.
Пара креативных анимаций на лавной странице убеждают клиентов в преимуществе подходов российской веб-студии. Используемые веб-тренды:
11. Nimax
Интерактивное агентство специализируется на внедрении проверенных долгосрочных стратегий.
С чистым дизайном и четким структурированием контента страниц, многоуровневая навигация не выглядит сложной, а метафорические картинки «от руки» помогают понять смысл подразделов. Используемые веб-тренды:
Подборка самых красивых русских сайтов
Здравствуйте, дорогие читатели блога. Сегодня спешу представить Вам 10 красивых русскоязычных сайтов интернета. Всё же и в русском интернете есть такие замечательные сайты, которые радуют глаз пользователя, и это очень хорошо. Потому что в недалёком прошлом, такие сайт можно было найти только в зарубежном интернете.
Дорогие друзья, если вы считаете, что у вас красивый или интересный сайт для людей, присылайте мне через контакты его ссылку. После этого я обязательно размещу его в следующих подборках. Я думаю, что лишние открытые ссылки никому не помешают. Жду 🙂
В общем давайте не будем много разговаривать, а просто посмотрим, что же тут у нас за сайты такие. И так, поехали.
www.vpe4atli.ru
Этот сайт очень приятен для человеческого глаза, ничего не отвлекает и хочется оставаться на нём ещё и ещё. А так же этот сайт поможет Вам сделать клёвые подарки родным и близким.
fabvp.ru
Красивый русский сайт в тёмных тонах. Очень понравилось как подобраны цвета и шрифты. А так же с помощью данного сайта Вы сможете подарить виртуальный подарок своим близким.
www.chic.su
Замечательные иллюстрации на этом сайте, сразу же видно, что делал профессионал. О чём этот сайт писать не буду. Будет интересно, зайдите и посмотрите 🙂
kinote.info
Очень оригинально и просто, вся навигация раскидана по сайту в беспорядочном виде, но очень удобно, всё на глазах. Удачное оформление в минималестическом стиле.
www.mnogointeresov.ru
Сайт интересов с красивыми иллюстрациями, которые ещё и двигаются. Очень классно придумано.
shyokin.ru
Не плохой русскоязычный сайт музыканта. Оригинально оформлено в минимальном стиле. Понравились миниатюры, которые при наведении становятся цветными.
www.gamer.ru
Очень красивый сайт сообщества игроков. Это, так сказать социальная сеть, в которой может каждый зарегистрироваться. Отлично подобраны цвета, и превосходные иллюстрации.
www.4sonline.ru
Классный сайт популярной онлайн игры с фантастическими иллюстрациями.
www.parizhsk.ru
Креативный сайт русского бара — ресторана «Парижск». В общем, что тут говорить — красота 🙂
www.kiselyov.net
Это сайт известного русского веб — дизайнера Дмитрия Киселева. Просто и с креативом.
20 лучших сайтов 2020 года: подборка экспертов
Совместно с автором телеграм-канала Now How Гаврилом Перовым мы вновь прошлись по главным трендам веб-дизайна и собрали впечатляющие примеры конкурсных работ. Листайте, переходите по ссылкам и получайте порцию вдохновения с каждого пункта подборки лучших сайтов 2020 года.
Смотрите также подборку лучших сайтов по итогам 2019 года.
Лучшие сайты с 3D-дизайном
«3D-дизайн в разных вариациях фигурировал почти во всех топовых сайтах в 2020 году, — говорит Гаврил. — На мой взгляд, самая лучшая интерпретация — когда видео или 3D-объекты дополняют, а не мешают типографике и другим элементам сайта».
1. Adidas — CHILE 20
Если вы когда-нибудь заказывали одежду онлайн, то не понаслышке знаете, как качественные фотографии влияют на выбор. Но Adidas и Foot Locker слишком круты, чтобы ограничивать презентацию новых моделей простой визуализацией.
Для последней версии культовой коллекции CHILE 20 дизайнеры агентства Active Theory создали три иммерсивных пространства с реалистичными 3D-визуализациями и хип-хопом. Чтобы попасть в одно из них с главной, нужно выбрать модель кликом, переместиться в другой — сделать свайп в сторону. Приятный бонус для фанатов: фоновый динамический паттерн с названием коллекции можно изменить, заменив «CHILE 20» на свое имя.
2. Beans Agency
Серия моушн-заставок с прорисованными в 3D персонажами делает серфинг по сайту настолько увлекательным, что можно зависнуть на на весь обеденный перерыв. Мы не шутим, лучше установите таймер.
3. Zenly
Сайт приложения Zenly раскрывает его возможности с помощью красочных 3D-иллюстраций и коротких текстов. Изначально приложение задумывалось как мобильная карта для обмена информацией о местоположении с друзьями и близкими, например, чтобы не потеряться в путешествии или решить, где удобнее собраться. На практике оказалось, что оно полезно в критических ситуациях — с помощью Zenly координируют свои действия пожарные.
Не в пример сложности графики, навигация по сайту самая простая: достаточно нескольких скроллов мышью, что перемещаться между мультяшными локациями и понять, как работает приложение.
4. Plink
Лендинг сервиса быстрых онлайн-платежей Plink с крутыми трехмерными анимациями — пример подхода «Content is first», к которому стремятся многие веб-дизайнеры. Кажется, всплывающие заголовки и текст лишь дополняют, но не отвлекают внимания от иллюстраций.
Эта работа студии Numbered из Амстердама отмечена жюри нескольких digital-конкурсов, таких как Awwwards и The FWA. По свежим релизам в их портфолио можно отслеживать тренды веб-дизайна.
5. VC Swipe
VC Swipe — сервис, который помогает инвесторам находить перспективные молодые стартапы, и наоборот. Система, основанная на искусственном интеллекте, связывает участников платформы с наиболее подходящими контрагентами по сделке.
Помимо впечатляющей 3D-анимации, на этом сайте очень приятная типографика и сетка. Инверсии и плавные переходы между контентными блоками делают навигацию визуально более приятной.
Лучшие сайты с минималистичным дизайном
«Минимализм — вечный тренд веб-дизайна, он всегда был, есть и будет. Но по сайтам ниже можно заметить, как он пытается искать новые формы, новые сетки, новые размеры и тому подобное, чтобы освежить себя».
6. Cellular Agriculture Society
Тренды веб-дизайна во многом отвечают социальным трендам. Именно поэтому среди лучших сайтов 2020 года неоднократно были отмечены некоммерческие и просветительские проекты, касающиеся проблем экологии и культуры потребления.
7. Fuse Media
Fuse Media — международное коммуникационное агентство. Эффектный, но при этом очень минималистичный сайт с акцентом на типографику и интерактивность. Дизайн легко передает довольно сложную и объемную информацию об услугах и проектах компании.
Источник: Fuse Media
8. Vide Infra
В этом году у студии веб-дизайна Vide Infra сложился авторитетный список достижений: вошли в Топ-10 креативных веб-разработчиков Рейтинга Рунета, в Топ-5 CSS Design Awards, номинированы на студию года на Awwwards. Вам еще нужны аргументы, чтобы заглянуть в их портфолио и увидеть лучшие сайты 2020 года?
Не только коммерческие проекты, но и сайт самой студии отмечен экспертами. Минималистичный дизайн, тонкие микроанимации и плавные переходы по сетке делают серфинг по сайту медитативно приятным.
9. Point
Point — дебетовая карта и приложение с системой вознаграждений, выпущенная одноименным банком в США. Пройдя по ссылке, вы можете подумать, что это обычный пример презентации мобильного приложения. Но обратите внимание, как обыграны цвета, насколько интересен дизайн самих карт и хорошо продуман фотоконтент.
Лучшие сайты с декоративными акцентами
«Вроде все тот же минимализм, но на фоне декоративных элементов, призванных очеловечить интерфейс, воспринимается как совсем иной стиль».
10. CoverMyMeds Careers & Culture
Вполне вероятно, что после просмотра этого сайта вы захотите сменить работу. Ведь то, как CoverMyMeds, компания-разработчик ПО для фармацевтической отрасли, презентуют HR-бренд и строящийся кампус, достойно восхищения. Сайт разработан креативной студией Dogstudio из Чикаго. Их лучшие сайты неоднократно попадали в мировые рейтинги.
На первый взгляд, этот сайт представляет собой хаотичную композицию фотографий, видео, 3D-визуализаций, декоративных акцентов и разбросанного тут и там текста. Но как только вы начнете смотреть ролики и знакомиться с командой, вы проникнитесь их миссией — помогать пациентам, оказавшимся в сложной ситуации. Спойлер: занимаясь серьезным делом, вовсе не обязательно быть слишком серьезным, достаточно оставаться собой.
11. Mazellier Design
Готовы поспорить: сайт Тиффани Мазелье из Франции станет одним из самых крутых портфолио дизайнеров-фрилансеров, что вам доводилось видеть. Не только потому, что в нем есть ссылки на лучшие сайты, разработанные с ее участием. Само портфолио отмечено жюри конкурсов CSS Design Awards и Awwwards.
Минималистичная скетч-анимация с мышонком при загрузке и микроанимации в виде пометок красной ручкой в тексте создают атмосферу легкого и непринужденного знакомства. Возможность поиграть курсором мыши с портретом Тиффани демонстрирует не только ее навыки в графическом дизайне и проектировании интерфейсов, но и чувство юмора.
12. NYLON
NYLON — популярный журнал и информационный портал о моде, развлечениях, музыке и стиле жизни. Казалось бы, здесь все та же старая и добрая многоколоночная история, что и в большинстве лайфстал-блогов. Но контрастные баннеры, яркие коллажи, декоративные шрифтовые акценты и «воздушные» пространства, свободные от контента, делают его в меру минималистичным и нескучным.
Сайты с лучшей типографикой
«В 2020-ом мы видели шрифты с засечками, как мне кажется, во всех возможных интерпретациях. Могу предположить, что в следующем году этот тренд в веб-дизайне будет только набирать обороты. Потому что на фоне гротескных шрифтов „а-ля Helvetica“ это все еще выглядит свежо».
13. Muteza
Для сайтов, связанных с косметикой и уходом за собой, визуал особенно важен. Он должен передавать эстетику, текстуры, настроение, ощущения и даже запахи, чтобы сформировать правильные ожидания от использования. Формула сыворотки для лица построена на растительных ингредиентах. Это находит отражение в декоративных элементах, фото и в начертании заголовков красивым шрифтом Florian Bold.
14. Æbele Interiors
Еще один очень элегантный сайт, на этот раз агентства дизайна интерьеров под ключ из Антверпена. Здесь стоит обратить внимание на сочетание главного шрифта с засечками с искусно вписанным тонким рукописным шрифтом. Особый шарм типографике придают плавные эффекты анимации в переходах между страницами.
Источник: Æbele Interiors
15. CUSP
CUSP — это команда дизайнеров, бренд-стратегов и разработчиков, ориентированная на создание комплексных решений для компаний мирового класса. Их сайт представляет собой одновременно и портфолио, и прямую демо-версию технических возможностей команды. Нетривиальная верстка, продуманная цветовая схема, крутые фотографии и микроанимации делают навигацию по сайту захватывающей и живой.
16. 2°C EARTH
Тексты и типографика в этом проекте заслуживают особенного внимания. Но главная особенность, конечно, в переключении путеводителя между настоящим и будущим. Если свайпнуть страницу влево, все фотографии становятся искаженными, а заголовки и содержание текстов меняется, например:
Исследование сайта 2°C EARTH — объемный интерактивный опыт. Найдите возможность уделить ему время.
Лучшие сайты с нестандартными решениями в UX
«Еще один яркий тренд: все чаще дизайнеры подходят к проектированию UХ („User Experience“, дословно „опыт пользователя“), вкладываясь в тот самый „experience“ по максимуму, транслируя его как „переживание“, „приключение“. В результате мы получаем так называемые фестивальные сайты, нацеленные на то, чтобы максимально погрузить пользователей в интерактив, вдохновить особенной атмосферой, создать ощущение не просто навигации, а полного управления всем происходящим внутри».
17. Everpost
Everpost — креативная калифорнийская компания, которая специализируется на видеопродакшне. Это становится понятно сразу по галерее тизеров на главной, которую можно прокручивать скроллом.
«Типичный лендинг стартапа, но на каких-то диких стероидах», — так охарактеризовал сайт Everpost Гаврил Перов. А мы заглянули на сайт разработчика Брайана Джеймса BryBry и пришли к заключению, что сказанное выше после «но» можно отнести ко всем его проектам. Неспроста они каждый год стабильно попадают в лучшие сайты на Awwwards с 2014 года.
18. Jam3 – FWA 100
Свою сотую победу в престижном для разработчиков конкурсе FWA (Favorite Website Awards), команда канадской студии Jam3 решила отметить. созданием еще одного конкурсного сайта, разумеется! К слову, сейчас в их копилке уже 106 отметок за лучшие сайты на FWA.
То, что получилось в итоге, сложно назвать сайтом. Это, скорее, арт-объект или инсталляция. Будьте готовы к бесконечному восторгу от путешествия в пространстве и времени. В любой момент можно кликнуть на иконку камеры в правом верхнем углу, чтобы сохранить потрясающие обои для рабочего стола с 3D-абстракциями.
19. Pioneer – Corn Revolutionized
С помощью гиперреалистичных 3D-визуализаций, инфографики и микроанимации дизайнеры показывают весь цикл выращивания культуры от одного семечка до огромных плантаций. Особенная интерактивная фишка сайта — возможность «управлять средой» вокруг растения, переключать параметры «ветер», «засуха», «вредители» и т. д. Так пользователи могут наблюдать изменения в состоянии растения и знакомиться с результатами испытаний. Если вас завораживают процессы создания чего-то большего из малого, определенно стоит посетить этот сайт.
Источник: Pioneer – Corn Revolutionized
20. Museum Without Walls
Международный проект «Музей без стен», организованный Британским Советом, начал развиваться в digital-пространстве за несколько лет до пандемии COVID-19. Но именно в 2020 году концепция музеев онлайн стала как никогда актуальной.
В этой интерактивной виртуальной галерее представлены избранные произведения искусства в его различных формах, включая фотографии, видео, перформансы, живопись и инсталляции. С точки зрения механики сайт работает очень просто и понятно, но выглядит необычно и свежо.
20 лучших дизайнов сайтов 2020 года по версии Awwwards
Одно из самых важных качеств специалиста в сфере визуальной коммуникации – насмотренность. То есть быть в курсе последних…
Одно из самых важных качеств специалиста в сфере визуальной коммуникации – насмотренность. То есть быть в курсе последних проектов и трендов, а также уметь проанализировать, за счет чего проект стал успешным. Другими словами, опытный профессионал должен понимать, где потенциально провальный или отличный дизайн до того, как его раскритикуют или же, наоборот, высоко оценят.
Чтобы развить насмотренность, необходимо обладать обширными знаниями и следить за первоклассными проектами. Например, вы можете посмотреть подборку лучших дизайнов сайтов 2020 года по версии Awwwards и получить вдохновение для создания собственного креативного проекта.
1. Stock Photography Then and Now
Сайт представляет историю стоковой фотографии, кардинальные перемены в эстетике за последние 10 лет и взгляд в будущее этой сферы. Он был создан креативным агентством Advanced Team в сотрудничестве с ведущим мировым фотобанком Depositphotos.
2. Swab The World
Титулованное диджитал-агентство Locomotive разработало привлекательный сайт для платформы поиска доноров Swab The World, где каждый пациент может найти необходимую помощь.
3. The Year of Greta
В 2019 году журнал TIME назвал Грету Тунберг человеком года. Она попала на обложку издания и вдохновила бутик-студию Superhero Cheesecake на создание платформы, которая хронологически иллюстрирует, как Грета Тунберг стала лидером международного движения.
4. Pioneer — Corn Revolutionized
Благодаря студии цифрового дизайна Resn вы можете увидеть увлекательный процесс производства семян кукурузы от компании Pioneer.
5. Alan Menken
Креативная студия Hello Monday создала потрясающее портфолио для Алана Менкена – титулованного американского композитора и автора песен из всемирно известных мультфильмов “Русалочка”, “Красавица и чудовище”, “Аладдин” и многих других.
6. Sweet Punk
Новый сайт французского креативного агентства Sweet Punk представляет интересные проекты и мотивирует посетителей провести больше времени, изучая платформу.
7. Vide Infra
Агентство Vide Infra, которое специализируется на дизайнерских и технологических решениях для брендов, создало для себя увлекательной сайт, ставший одним из лучших в 2020 году по версии Awwwards.
8. Ali Ali
Еще одно вдохновляющее портфолио, достойное вашего внимания, – работа агентства цифрового дизайна Exo Ape для режиссера из Каира Ali Ali.
9. Mav Farm
Оцените потрясающий дизайн сайта для приложения Mav Farm. Компания Geex Arts, занимающаяся дизайном и веб-разработкой, вне конкуренции, когда необходимы трендовые и инновационные решения.
10. Altermind
Чтобы показать ценности и непобедимый дух консалтинговой фирмы Altermind, креативная студия Purée Maison создала сайт, который предлагает захватывающий пользовательский опыт.
11. Shape Studio
Shape Studio специализируется на пространственном дизайне для коммерческих клиентов. Их лаконичный и в то же время трендовый сайт создала титулованная студия из Бристоля – Green Chameleon (GC).
12. Acura: Beat That
Ищите вдохновение в геймдизайне? Посмотрите на гоночную игру Acura для мобильных устройств и компьютеров от Active Theory – агентства, которое создает потрясающие сайты, приложения, инсталляции и XR-проекты.
13. Nova Smart Home
Nova Smart Home – 3D-микросайт с увлекательным пользовательским опытом для тех, кто хочет больше узнать о продуктах для умного дома. Он был создан креативным агентством Ueno в рамках праздничной маркетинговой кампании.
14. Pest Stop Boys
Этот яркий интерактивный сайт от Herdl для службы дезинсекции Pest Stop Boys – отличный пример того, как можно визуализировать нишевые темы и эффективно доносить информацию аудитории.
15. Helias Oils
В дизайне сайта Helias Oils от диджитал-студии Buzzworthy используются трендовые цвета, эстетичные изображения и минималистичный макет, которые привлекают внимание и мотивируют посетителей узнать больше о продуктах и компании.
16. Ultima Gstaad Switzerland
EWM – швейцарское агентство по дизайну и разработке, которое создало первоклассный сайт для 5-звездочного отеля и SPA Ultima в Гштааде (Швейцария).
17. The Virtual Economy
Чтобы показать и описать будущее виртуальной экономики, агентство цифровых инноваций Gladeye сотрудничало с L’Atelier BNP Paribas. Результат совместной работы получился потрясающим!
18. Next Big Thing
Интересно, как выглядит сайт венчурной студии? Это платформа, созданная креативным агентством Serious Business для компании, которая поддерживает развитие новых венчурных проектов.
19. KD Capital
Независимое диджитал-агентство Spring/Summer помогло KD Capital визуализировать ценности и увлекательно представить проекты.
20. Fleava
Вы можете почерпнуть вдохновение на сайте диджитал-агентства Fleava, который презентует работы компании и позволяет в считанные секунды найти всю необходимую информацию.
Попробуйте регулярно изучать лучшие примеры дизайна сайтов, смотреть эстетически красивые фильмы и следовать сезонным трендам, чтобы быстро развить вкус в дизайне. Также посмотрите наши предыдущие подборки стильных сайтов от Awwwards: