Каждую осень выходят подборки трендов веб-дизайна, и заказчик приходит с просьбой "сделать как там". Половина этих приёмов на заявки не влияет вообще, зато удорожает разработку и поддержку. Разбираем по одному критерию: помогает приём человеку принять решение или просто украшает.
Подборки трендов пишут дизайнеры для дизайнеров: там оценивают выразительность работы, а не количество заявок. В списки попадают приёмы с конкурсных сайтов и презентаций студий, где задача другая - показать уровень исполнителя, а не продать окна в Ленобласти.
У нас через редизайн проходит порядка двадцати сайтов в год, и фраза "хочу как на этом скриншоте" звучит почти на каждом брифе. Дальше разговор про две цифры: сколько приём стоит в разработке и сколько добавит к поддержке.
Что попадает в подборки трендов 2026
Список кочует из статьи в статью: крупная типографика, тёмная тема, микроанимации, скролл-эффекты, объёмная 3D-графика, ИИ-иллюстрации, брутализм и нарочитая простота, мягкие тени с крупными скруглениями, видеофоны, персонализация блоков под источник трафика.
Вреден не набор, а подача: приёмы перечислены через запятую, как будто они одного порядка. На деле разброс по цене между ними десятикратный, а по влиянию на заявки от заметного до нулевого.
Типографика, воздух и мягкие тени: дешёвый слой
Крупный заголовок, читаемый основной текст (16-18 px на десктопе и не меньше 16 на мобильном), заметные расстояния между блоками, аккуратные скругления, мягкая тень вместо жёсткой рамки. Это не столько тренд, сколько нормальная вёрстка, доросшая до массового применения.
Стоит дешевле всего: закладывается на этапе макета и почти не влияет на срок. При переделке старого сайта одна смена шрифтовой пары и межстрочного интервала делает страницу читаемой. Про подбор шрифтов и лицензии писали в статье Шрифты для сайта.
Что это даёт: человек дочитывает первый экран. На проектах, где мы увеличивали основной текст с 14 до 17 px, глубина скролла на мобильном росла на 10-20%. Это не рост заявок сам по себе, но без прочитанного текста заявки не будет.
Микроанимации, скролл-эффекты и видеофоны
Граница здесь проходит по функции. Микроанимация, которая подтверждает действие (кнопка нажалась, поле подсветилось ошибкой, товар улетел в корзину), помогает. Она стоит несколько часов верстальщика и ничего не ломает.
Скролл-эффекты, когда блоки выезжают и параллаксят, обходятся в 20 000 - 60 000 рублей и на слабых телефонах дают обратный результат: контент дёргается, часть посетителей не дожидается появления текста. Подробно про баланс в статье Анимации на сайте.
Видеофон на первом экране - самый дорогой пункт списка в эксплуатации. Ролик на 8-10 секунд весит 2-4 МБ даже после сжатия и съедает весь бюджет загрузки. Мы ставим его там, где видео и есть товар: отели, банкетные залы, автомобили. В остальных случаях статичный кадр из того же ролика работает так же, а грузится мгновенно.
3D-графика, ИИ-иллюстрации и тёмная тема
Объёмная графика. Отрисовка одной сцены у 3D-художника стоит от 15 000 до 50 000 рублей, интерактивная модель товара в браузере от 80 000. Окупается в двух случаях: сложный физический продукт вроде оборудования и мебели и премиальный сегмент, где сама подача продаёт. Для сайта услуг это украшательство.
ИИ-иллюстрации. Пришли на смену стокам и решают реальную проблему: единый стиль картинок за разумные деньги. Мы сами так делаем иллюстрации для блога, подход описан в статье Картинки для сайта нейросетью. Ограничение важное: генерация годится для абстрактных и поясняющих картинок, но не для того, чтобы показать ваш цех, бригаду и товар. Нарисованные "сотрудники" на странице команды считываются за секунду и бьют по доверию сильнее, чем отсутствие фотографий.
Тёмная тема. У неё есть настоящая аудитория: разработчики, геймеры, всё, что смотрят вечером с телефона. Для строительной компании или медцентра это вторая палитра, повторная проверка контрастности и отдельный набор картинок с прозрачным фоном. Разбор по нишам в статье Тёмная тема на сайте.
Сколько это стоит и что даёт
Порядок цифр по нашим проектам:
| Приём | Добавляет к смете | Влияние на заявки |
|---|---|---|
| Типографика и воздух | входит в макет | косвенное, но заметное |
| Скругления и мягкие тени | входит в макет | нет, работает на доверие |
| Микроанимации интерфейса | 5 000 - 15 000 руб. | небольшое, снимает раздражение |
| Скролл-эффекты | 20 000 - 60 000 руб. | чаще отрицательное на мобильном |
| Видеофон | от 30 000 руб. плюс съёмка | зависит от ниши |
| 3D-графика | от 15 000 руб. за сцену | окупается на сложном товаре |
| ИИ-иллюстрации | 5 000 - 20 000 руб. за пачку | нет, экономит на стоках |
| Тёмная тема | плюс 25-40% к вёрстке | нет, кроме IT-аудитории |
| Персонализация блоков | от 40 000 руб. | есть при трафике от 3 000 визитов в месяц |
Про персонализацию поясню отдельно: подмена первого экрана под рекламную кампанию работает, но на 200 визитах в месяц разницу вы не измерите, а поддерживать несколько версий страницы придётся постоянно.
Что влияет на заявки всегда и трендом не является
- Скорость. Первый экран за 1,5-2 секунды на мобильном интернете, и всё перечисленное выше воюет за этот бюджет. Техники - в статье Как ускорить сайт.
- Читаемость. Контраст текста к фону, никакого светло-серого по белому, нормальный кегль.
- Понятная навигация. За пять секунд человек понимает, куда попал и где цена.
- Честные фотографии. Свой офис, свои люди, свои работы. Съёмка на полдня стоит 15 000 - 30 000 рублей и даёт больше, чем любая 3D-сцена.
- Цена или хотя бы вилка. Отсутствие цифр отсеивает часть аудитории ещё до формы.
- Аккуратный мобильный. Больше половины трафика, а проверяют его последним.
- Доступность. Клавиатурная навигация, alt-тексты, контраст.
Когда приходится выбирать между красивым приёмом и пунктом из этого списка, выбирается список. Разницу между декоративной и функциональной работой дизайнера разбирали в статье UX и UI.
Как понять, ваш это тренд или нет
Четыре вопроса перед тем, как добавить приём в макет:
- Кто аудитория. Возраст, устройство, скорость соединения. Брутализм и тёмная тема для сорокалетнего снабженца на служебном ноутбуке скорее минус.
- Что за ниша. Медицина, юристы, промышленность продают уверенностью и фактами, там экспериментальная типографика читается как несерьёзность.
- С чего смотрят. Если 70% трафика мобильный, тяжёлые эффекты отпадают автоматически.
- Кто будет это поддерживать. Нестандартный блок вы не отредактируете в админке сами: каждая правка пойдёт через разработчика.
Эти четыре ответа обычно вычёркивают половину списка ещё до макета.
Почему копировать сайт конкурента - плохая стратегия
Просьба "сделайте как у них" звучит примерно на каждом третьем брифе. Проблема в том, что видна только верхушка - макет. Не видно, сколько у конкурента трафика, сколько стоит заявка и приносит ли этот дизайн деньги вообще. Сайт может быть красивым и убыточным, снаружи это неотличимо.
Второй момент: копия проигрывает оригиналу в прямом сравнении. Если клиент открывает два похожих сайта подряд, он запомнит второй как подражание.
Смотреть на конкурентов полезно иначе: взять 5-7 сайтов и выписать, какие вопросы клиента они закрывают на первом экране и где показывают цену. Это разбор структуры, а не копирование картинки, а свои решения потом удобно зафиксировать в дизайн-системе.
С чего начать при ограниченном бюджете
Порядок, который мы советуем, когда денег хватает не на всё сразу:
- Замерить скорость и починить самое тяжёлое: несжатые картинки, лишние шрифты, чужие скрипты.
- Привести в порядок текст: размер, контраст, длина строки. Стоит почти ноль.
- Снять честные фотографии и заменить сток.
- Пройти мобильную версию по экранам, отдельно проверить каждую форму с телефона.
- Показать цену или вилку цен, если их на сайте нет.
- Добавить микроанимации интерфейса на кнопки, поля и корзину.
- И только потом декоративный слой: 3D, тёмная тема, скролл-эффекты.
Первые пять пунктов на типовом сайте укладываются в 40 000 - 80 000 рублей и дают больше, чем полный редизайн по свежей подборке трендов. Полная переделка оправдана, когда меняется структура сайта, а не когда надоела картинка.
Что из этого забрать в работу
Тренды делятся на два неравных списка. В первом типографика, воздух, аккуратные микроанимации и осмысленные иллюстрации: дёшево и работает на доверие. Во втором 3D, видеофоны, скролл-эффекты и тёмная тема: дорого и ситуативно. База при этом не меняется годами: скорость, читаемость, понятная навигация, честные фотографии и цена на видном месте.
Хотите прикинуть, во что обойдётся обновление дизайна с конкретным набором приёмов - соберите смету в калькуляторе: там видно, как меняется сумма от уровня проработки макета.
