Рубрика развивается при поддержке
Маркетинг
Andrew Podolsky
8439

20 крутых сайтов 2020 года для вдохновения

Если вам нужен самый сок, выжатый из всех галерей и сайтов дня, — эта статься для вас!

В закладки

Когда мы в xpert создаем сайты, часто перед началом разработки дизайна необходимо сделать концепт. Перед этим для вдохновения мы смотрим огромное количество сайтов типа awwwards, доски и пины pinterest, конечно же dribbble и behance. А клиенту для понимания мы даем референсы или говоря по-русски — примеры тематических и не очень, но крутых по дизайну и анимации сайтов.

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

Fpp

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Andrew Podolsky", "author_type": "self", "tags": [], "comments": 53, "likes": 25, "favorites": 373, "is_advertisement": false, "subsite_label": "marketing", "id": 105158, "is_wide": false, "is_ugc": true, "date": "Mon, 10 Feb 2020 19:35:40 +0300", "is_special": false }
Простой коллтрекинг
для малого бизнеса
Новый алгоритм с
настройкой в два клика
Узнать больше
Коллтрекинг
без боли
Простые настройки
Умный алгоритм
Чистая аналитика
Подробнее
Простой коллтрекинг
для малого бизнеса
Знание источников продаж
постичь ты сможешь
познать
Простой коллтрекинг
для малого бизнеса
Знание источников продаж
постичь ты сможешь
постичь
(function(d, w) { var analyticsCategory = "CoMagic branding"; var sendEvent = function sendEvent(label) { var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "Click"; var value = "" .concat(analyticsCategory, " \u2014 ") .concat(label, " \u2014 ") .concat(action); console.log("Analytics: %c".concat(value), "color: #E87E04"); if (window.dataLayer !== undefined && analyticsCategory) { window.dataLayer.push({ event: "data_event", data_description: value }); } }; var rand = function rand(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min + 1)) + min; }; var id = rand(1, 4); var head = document.querySelector(".comagic-branding-head"); head.setAttribute("data-comagic", id); sendEvent(id + " — Header", "Init"); head.addEventListener("click", function() { sendEvent(id + " — Header"); }); var branding = document.querySelector( '.comagic-branding[data-comagic="' + id + '"]' ); branding.style.display = "block"; sendEvent(id + " — Footer", "Init"); branding.addEventListener("click", function() { sendEvent(id + " — Footer"); }); })(document, window);
0
53 комментария
Популярные
По порядку
Написать комментарий...
17

Красивые, но большинство из них очень тяжелые по загрузке

Ответить
8

очень тяжелые по загрузке

НЕПРИЕМЛЕМО тяжёлые как по требованию памяти, загрузке процессора, так и по трафику.

Это реально сайты для разных дизайнерских премий, попадания в "списки для вдохновения" и т.п.

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

Ответить
0

Никто не спорит, но например для феста какого нить, или промо сайт вполне.

Ответить
0

Ахах свистоперделки

Ответить
0

Какие перделки? Где))

Ответить
0

Требовательные ппц - это да.

Ответить
4

Недавно попался http://www.penzgidromash.com/ (.ru версия отличается от английской, видимо руководство пока не готово к такому =))) )

Один из самых залипательных что в прошлом году встретил — https://dogstudio.co/

https://chocotelegram.ru/ — интересно сделан

https://www.enticeenergy.com/ — как видео может оживить довольно скучный сайт по экономии электроэнергии.

Просто приятный — http://gogolevsky12.ru/

Еще один застройщик — https://www.skazochniyles.ru/

Ответить
1

Крутой скролл слева направо: http://gogolevsky12.ru/ 

Ответить
0

Обычно горизонтальный скролл — такое себе, но тут к месту. ART3D на застройщиках, судя по всему, собаку съели =)

Ответить
0

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

Ответить
0

кстати да у застройщиков часто очень крутой дизайн и реализация, конечно ведь они и продают мечту, визуал.

Ответить
0

Кстати да penzgidromash прикольно и он по мойму сайт дня занял на авардсе.

Ответить
0

https://www.enticeenergy.com/  - реально прикольная реализация с видосами - нада будет сделать, что то подобное.

Ответить
1

Прикольная подборка Андрей !Так же делаем перед разработкой каждого нового проекта. Интересно как рождаются такие концепции с нуля. Если никуда не смотреть)

Ответить
2

Ну может лсд, или медитация, или все вместе)

Ответить
3

Тогда Red Collar чемпионы по ЛСД+медитация

Ответить
0

это точно))))))

Ответить
0

чет ору, норм они наели у них и награды все есть))

Ответить
1

Ты не эффективная интернет-технология.

Ответить
0

ээ ну зачем сразу так

Ответить
0

Ну а как?

Ответить
1

LSD custom development 2019 )))

Ответить
0

Может они свой дизайнерский варят LSD) есть кстати агентство lsdigital

Ответить
–1

В молодости организовывали вечеринки. Наша промо называлась LSD promo)))

Ответить
0

джангл, или транс?

Ответить
0

джангл)

Ответить
1

Я тоже его люблю)

Ответить
1

красиво, но со сломаным скролом вызывает эпилепсию :(

Ответить
1

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

Ответить
0

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

Ответить
0

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

Ответить
1

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

Ответить
0

как вариант)

Ответить
1

Классная подборка

Ответить
1

Спасибо!

Ответить
1

просто взрыв мозга, полет мысли дизайнеров поражает))

Ответить
1

Да я вот всегда поражаюсь, как можно такие крутые вещи придумывать. 

Ответить
1

Спасибо, сохранил

Ответить
1

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

Ответить
1

А Лебедев сказал рефы не смотреть.

Ответить
0

типа из головы придумывать?

Ответить
0

послушаем

Ответить
0

Я лично тоже за серфинг, ресерч и за пинтерест. А Артемий лукавит. Мне кажется, что этот спич в ролике лишь для клиентов. Для уверенности, что у Лебедева оригинальный дизайн.

Ответить
0

Интересно, как они аудит конкурентов проводят)) бздит 100% и не лукавит, а врёт. Уверен, что все палят референсы, как минимум есть каноны, я не знаю тренды года/сезона, цвета года. 

Ответить
1

Если есть, что то новенькое и крутое кидайте в комменты соберу еще. 

Ответить
1

Думаю, нужно было в "Дизайн" писать.

Ответить
0

да, но чето уже не меняется рубрика, может уважаемая редакция @Дизайн поменяет. 

Ответить
1

Я так понял, в статье речь больше о классном дизайне фона/заставки первого экрана.
А есть примеры или советы по дизайну мобильных мини-сайтов, визиток? Вот прям WOW!, конфетка))) 
Размером буквально на 1-1,5 экрана смартфона. Структура, необходимые блоки, форма/расположение кнопок... 
Тоже лучше всего на основе какого-либо рейтингового списка, опроса пользователей

Ответить
0

Посмотрю, а тематика какая?

Ответить
1

Красиво, может и я когда нибудь научусь так!.)

Ответить
0

тебе не нужно у тебя есть мы) вопрос во времени

Ответить

Прямой эфир