(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(49180180, "init", { defer: true, clickmap:true, trackLinks:true, accurateTrackBounce:true }); ym(49180180, 'hit', window.location.href);

Увидеть и забыть: топ решений для сайтов, которые лучше не использовать

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

Без хорошего дизайна далеко не уедешь, и многие это понимают. Но создатели проектов из нашей подборки об этом либо не догадываются, либо решили перевыполнить план. Мы отобрали 10 сайтов с упоротым дизайном, чтобы на их примере вы поняли, как делать не надо... ну или просто улыбнулись :)

1. Сайт для группы Аквариум от студии Артемия Лебедева

Не нужно принимать психоделики, чтобы ощутить себя главным психонавтом. Достаточно зайти на сайт Бориса Гребенщикова, который сделала студия Лебедева.

«Пока живы растаманы из глубинки, Вавилону будет не устоять» Б.Г.

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

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

Кстати, сравните сайт Лебедева для БГ с официальном сайтом БГ — он явно проигрывает по всем пунктам. Вы как считаете?

2. Хотите арендовать авто? Вам сюда

Здесь можно арендовать машину, но это не точно

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

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

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

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

4. Ближе к сути!

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

Ну можно уже заказать услугу?

К самим овечкам претензий у нас нет. Дело в другом. Помните cut-scene в ГТА, когда Томми Версетти разговаривает с адвокатом, и у игрока «отбирают» управление, пока сцена не закончится? То же самое и здесь. Пока ждешь, когда овечки закончат свой диалог, желание скроллить сайт пропадает.

Вы не поверите, но это норвежский аналог Amazon.

Для «удобства» пользователей работает горизонтальная и вертикальная прокрутка

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

Больше всего нам понравились фотографии в карточках товаров :)

Когда картинки заменяют тысячи слов

7. «Это увлекательный был аттракцион»

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

Кому порцию шизофрении?

Похоже на очередную первоапрельскую шутку, правда? Но апрель почти на исходе, а сайт все еще работает. Сама задумка сравнить создание и продвижение сайта с взращиванием ростка — прикольная, но насколько удачно она реализована — другой вопрос.

Юзабилити вышло из чата

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

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

Куда смотреть?

Именно так позиционируют сайт свои разработчики. И добавить нечего.

Сайт, который мы заслужили

Если у вас есть свои примеры сайтов с упоротым дизайном, оставляйте ссылки в комментариях, лучшие из худших попадут в новую подборку :)

А с вами была Веб-студия Pyrobyte. Отличного дня и подписывайтесь на наш блог!

Если у вас есть задача разработать сайт или мобильное приложение, то напишите в Телеграм, мы это обсудим: https://t.me/sashadzen

Заказать разработку сайта, веб-сервиса или мобильного приложения на нашем сайте: https://vk.cc/cuglQZ

Партнерская программа, где мы платим от 10 000 до 200 000 рублей за контакты тех, кому нужен дизайн или разработка: https://vk.cc/cuglXT

Телеграм-канал Саши Комбарова про управление агентством, проектами, людьми: https://t.me/sasha_kombarov

Телеграм-бот, который бесплатно выдает чек-листы, памятки и регламенты по управлению, маркетингу, аналитике, дизайну и разработке: https://t.me/regulations_pyro_bot

0
164 комментария
Написать комментарий...
Никита Липатов

Кажется я знаю, откуда черпали вдохновение разрабы норвежского аналога Amazon)

Ответить
Развернуть ветку
Иван

Китайский сайт аренды авто походу тоже на эту газету подписан.

Ответить
Развернуть ветку
6 комментариев
meowna Lisa

У нас в лифте доска с объявлениями один в один) Вот там почитывать такое прикольно, пока едешь. Но чтоб это на сайты внедрить… 🤦🏼‍♀️

Ответить
Развернуть ветку
Alex Shevchenko

У нас примерно так с обратной стороны выглядят квитанции за оплату коммуналки) только в чб))

Ответить
Развернуть ветку
12 комментариев
Пиробайт
Автор

Они просто списали, но не полностью :D

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
2 комментария
Sasha Bochkin

lingscars.com - очень лампово, скучаю по такому интернету) Олды поймут

Ответить
Развернуть ветку
Пиробайт
Автор

Лампово, не спорим. Но если сейчас залететь на рынок с таким оформлением - никто не поймет )

Ответить
Развернуть ветку
5 комментариев
Иван

Да, это было удивительное время, как вывески и реклама в 90-х

Ответить
Развернуть ветку
2 комментария
Владимир Вернигора

Вы забыли о сайте с самым лютым дизайном в истории!
http://n910616h.beget.tech/

Ответить
Развернуть ветку
Пиробайт
Автор

Не забыли, а решили пожалеть ваши глаза)

Ответить
Развернуть ветку
Иван

Вот его точно забыли добавить!

Ответить
Развернуть ветку
Павел Шкутко

Нормальная прокладка на vktarget, как раз рекламить через такие темы, я кликнул :)

Ответить
Развернуть ветку
Кристина Соколова

О_О

Ответить
Развернуть ветку
Тимофей Белоглазов

Про теглайн — в сердце

Ответить
Развернуть ветку
Иван

Это да

Ответить
Развернуть ветку
3 комментария
meowna Lisa

Оооо да)))

Ответить
Развернуть ветку
Саша Комбаров из Pyrobyte.ru

Вот что пишет чатгпт:

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

1. Сайт не адаптирован под мобильные устройства.
2. Несоответствие цветовой гаммы и общей стилистики.
3. Сложность навигации по сайту и отсутствие структуры.
4. Медленная скорость загрузки страниц.
5. Неуместное использование шрифтов и неудобный шрифтовой размер.
6. Обилие рекламы, источников спама и баннеров.
7. Необходимость зарегистрироваться, чтобы получить доступ к контенту.
8. Отсутствие интерактивных возможностей и функций.
9. Непонятный или неясный контент, бессмысленные заголовки и структура статей.
10. Отсутствие актуальной информации, которая может важна для пользователей.

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

Ответить
Развернуть ветку
Пиробайт
Автор

Как приятно, что Чат GPT тоже читает наши статьи :D

Ответить
Развернуть ветку
Иван

От Чат ГПТ иного и ожидать не стоит.

Ответить
Развернуть ветку
Alex Shevchenko

Исходя с выдачи чатагпт, приходим к выводу, что плохих сайтов просто не существует, потому как "...это может быть субъективно, и негативное мнение об одном сайте может быть неоднозначным для другого." Однако аспекты, являющиеся признакам плохого дизайна на-те))) по пунктам) прям как из серии мемов про "Да, Но"

Ответить
Развернуть ветку
4 комментария
Павел Шкутко

чатГПТ сам себе противоречит: обилие рекламы и доступ к контенту через регистрацию (видимо подразумевает ещё и платный доступ). А с какого буя тогда зарабатывать? Такое может только Бил Гейтс себе позволить, тратя миллиарды на якобы перспективную штуку как чатГПТ, а если не получится, ну спишет в убыток, другим вообще-то семьи кормить надо.

Ответить
Развернуть ветку
1 комментарий
ЯрСтан

Главное не дизайн сайта, а деньги которые он приносит. Если при всем своем зашкваренном дизайне (с точки зрения анализирующего) сайт генерит выручку - значит этот дизайн работает на свою ЦА. И значит дизайн сайта отличный.

Ответить
Развернуть ветку
Просто друг

Истина)

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

Ответить
Развернуть ветку
2 комментария
Пиробайт
Автор

И то верно.

Ответить
Развернуть ветку
Лесной холод

"благодаря или вопреки?"

Ответить
Развернуть ветку
meowna Lisa

коссу туда же))

Ответить
Развернуть ветку
Пиробайт
Автор

Косса не дотянула немного, так бы и ее в статью добавили)

Ответить
Развернуть ветку
Ирина Захарова

Ну сайт аренды авто это же круто, чисто стиль 90-х

Ответить
Развернуть ветку
Пиробайт
Автор

Настолько плохо, что аж хорошо

Ответить
Развернуть ветку
Атвинта digital agency

Настолько плохо, что аж хорошо!

Ответить
Развернуть ветку
Иван

Это да

Ответить
Развернуть ветку
thinkabout1t

напоминает каталоги, которые были в детстве

Ответить
Развернуть ветку
Alex Hoffer

https://чепушила.рф Добавьте мой сайт, пожалуйста)

Ответить
Развернуть ветку
Пиробайт
Автор

Спасибо! Мы посмеялись от души)))

Ответить
Развернуть ветку
ZIPA

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

Ответить
Развернуть ветку
Иван

Ну да, у них и конфеты с удивительными вкусами бывают.

Ответить
Развернуть ветку
Пиробайт
Автор

Ну а чьими же еще мерками нам мерить мир, если не нашими?)

Ответить
Развернуть ветку
2 комментария
Игорь Кузнецов

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

Ответить
Развернуть ветку
Марат Хисматуллин

Треш-дизайн как часть треш-маркетинга превосходно себя чувствует последнее время

Ответить
Развернуть ветку
1 комментарий
Пиробайт
Автор

Лучше и не скажешь.

Ответить
Развернуть ветку
Trautmori

"Для «удобства» пользователей работает горизонтальная и вертикальная прокрутка." Лол, особенно горизонтальная)

Ответить
Развернуть ветку
Пиробайт
Автор

Согласны. Очень удобно)))

Ответить
Развернуть ветку
Максим

Согласен с некоторыми людьми, гнать на дизайн не стоит, особенно не принимая во внимание менталитет ЦА.

Может кто-нибудь помнит, у нас тоже была эпоха делать сайты на флеше. Это был полный трэш с точки зрения нынешних трендов, но тогда у многих вызывало вау-эффект (особенно для РФ, который к интернету только подключался по adsl).

В копилку трэша)

https://novzar.ru

Ответить
Развернуть ветку
ЯрСтан

"Красная гвоздика - наш цветок"!!!
Прекрасное решение в фирменных цветах.
Правда глаза что-то слезиться начали ... и точно не от ностальгии:-))

Ответить
Развернуть ветку
7 комментариев
Пиробайт
Автор

Для своего менталитета и ЦА сайты может и неплохие, особенно если они приносят прибыль. Но мы оценивали их со своей точки зрения. Если с такими предложениями залетим мы, рынок не оценит.

Ответить
Развернуть ветку
2 комментария
Пиробайт
Автор

Сайт новой зари - топ))) спасибо!

Ответить
Развернуть ветку
Владимир Воловцев

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

Ответить
Развернуть ветку
Владимир Прохоров

да ,такое еще существует ,не у всех развито чувство вкуса

Ответить
Развернуть ветку
Пиробайт
Автор

Самое интересное, что они все еще функционируют :)

Ответить
Развернуть ветку
6 комментариев
Дмитрий Полушин

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

Ответить
Развернуть ветку
Иван

Самый прикол, лендинги и посадочники выглядят еще хуже чем сайты из подборки))

Ответить
Развернуть ветку
Пиробайт
Автор

Не думаем, что веб-сайты Хабаровска, Перми и Португалии имеют отношение к перфомансу ;)

Ответить
Развернуть ветку
1 комментарий
Trautmori

2 сайт просто топовый, почему снова такие не делают

Ответить
Развернуть ветку
Пиробайт
Автор

Очень надеемся, что цитата "все новое — это хорошо забытое старое" к этому не применится.

Ответить
Развернуть ветку
1 комментарий
Просто друг

Этому не учат на современных курсах UXа))))

Ответить
Развернуть ветку
2 комментария
Платон Щукин

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

Ответить
Развернуть ветку
Пиробайт
Автор

Вы тоже это заметили?)

Ответить
Развернуть ветку
5 комментариев
Алексей Соколов

Дизайн убивает красоту. Дизайн упорядочивает данные и решает задачи. А красота про украшения.
У Джима Керри когда-то был очень красивый сайт, но разумеется очень не удобный.
https://youtu.be/TUTpfllAycU

Ответить
Развернуть ветку
Пиробайт
Автор

С точки зрения перфоманса - здорово, ему подходит)

Ответить
Развернуть ветку
Иван

Блин, как это развидеть теперь?

Ответить
Развернуть ветку
Nenado

Ахаха спасибо повеселили ваши комменты к сайтам 😆: «Ну можно уже заказать услугу?» , «Куда смотреть?» 😆😆😆

Ответить
Развернуть ветку
Пиробайт
Автор

Спасибо, мы старались :)

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Иван

С тех пор как Дуров убрал стену, не стало гармонии в ВК )))

Ответить
Развернуть ветку
1 комментарий
Cere8ellum

Вот монохромный дизайн (пример с ростками) от студий, создающих дизайн(сайты) сразу отталкивает. Такое чувство, что они просто не умеют создавать качественный фронт. Ну типа, рисовать не умею, тогда в одном цвете всё зафигачу, будет стильно, ага.

Ответить
Развернуть ветку
Иван

Точно, то ли дело https://yyyyyyy.info/ Вот где буйство цвета, красок, форм и еще непонять чего )))

Ответить
Развернуть ветку
Пиробайт
Автор

Это просто идеальный пример сапожника без сапог!

Ответить
Развернуть ветку
DOPPEL BOX

4 позиция - это то, как выглядит интернет в глазах людей 60+ лет. Тоже бред, месиво, все мигает и светится, а жать то куда?

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

Ответить
Развернуть ветку
Trautmori

Видел, что одну даже удалось продать за 1 eth пару лет назад)

Ответить
Развернуть ветку
2 комментария
Bo.G

нашёл. вырвиглаз

Ответить
Развернуть ветку
Марат Хисматуллин

Мы им сделали новый клевый дизайн. Жаль, заказчик предпочел своими силами кодить :)

Ответить
Развернуть ветку
2 комментария
Пиробайт
Автор

Чем-то норвежский Amazon напоминает))

Ответить
Развернуть ветку
1 комментарий
Иван

Если заговорили о рейтингах, то вот еще один https://www.alladvertising.ru/

Ответить
Развернуть ветку
meowna Lisa

адаптив вышел из чата)

Ответить
Развернуть ветку
Пиробайт
Автор

Да, из той же серии. Глаза разбегаются)

Ответить
Развернуть ветку
Павел Шкутко

О да, световые мечи

Ответить
Развернуть ветку
Иннокентий Фефилов

Вы аб тесты проводили или просто из космоса вам инфа прилетела во время медитации?

Ответить
Развернуть ветку
Пиробайт
Автор

Не поняли ваш вопрос.

Ответить
Развернуть ветку
2 комментария
Lexx Sky

7й напомнил об Упячке

Ответить
Развернуть ветку
Иван

Упячка.... первый раз услышал о ней 10 лет назад, до сих пор так и не разобрался кто это.

Ответить
Развернуть ветку
2 комментария
Пиробайт
Автор

Один в один. Надо было добавить в подборку, олды бы оценили :)

Ответить
Развернуть ветку
Невероятный Блондин

Это вы еще сайт Pyrobyte не видели.

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

У этих ребят дизайн точно пошёл по-пизде. Добавьте их к своей коллекции «как делать не надо»

Ответить
Развернуть ветку
Пиробайт
Автор

Спасибо за комментарий, так и задумано.

Ответить
Развернуть ветку
Георгий Хромченко

Забыли лучшую онлайн школу Индии - http://www.durgasoft.com

Ответить
Развернуть ветку
Пиробайт
Автор

Это цифровая газета с объявлениями?)

Ответить
Развернуть ветку
Pigeon P

Я в восторге от каждого примера. Но лингскар очевидно знали что делали

Ответить
Развернуть ветку
Пиробайт
Автор

Спасибо, что оценили :D

Ответить
Развернуть ветку
Евгений Сумбаев

7 и 10 пример это же намеренный вебпанк, в чем смысл к нему придираться?
Какая-то даже ностальгия по соцсетям из 2014

Ответить
Развернуть ветку
Пиробайт
Автор

Мы и не придираемся. Просто показываем.

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
161 комментарий
Раскрывать всегда