Если продакт-менеджер сайта часто заходит на страницу своей компании, скорее всего, он привык к его разделам и внешнему виду. Бывает, что возникают мысли увеличить где-то текст или улучшить функциональность, но пока «не горит» и свою задачу выполняет, никто ничего не меняет. К тому же, изменения — это расходы, и менеджеру придётся попотеть, чтобы согласовать бюджеты.

Мысли о реальном редизайне сайта возникают не от желания перекрасить кнопки. Они подкреплены потребностями, целями и часто низкими бизнес-метриками. UI/UX-аудит и редизайн — это способы перепроектировать сайт так, чтобы он доводил пользователей до покупки или другого целевого действия и максимизировал ROI. Тогда сайт подтверждает эффективность реальными цифрами.

В статье собрали аргументы, которые помогут обосновать ценность редизайна перед руководством. Рассказываем, из чего складывается стоимость редизайна и какие тренды сейчас актуальны. А еще, размышляем, почему уже больше 10 лет в индустрии говорят про mobile first подход, но часто ему не следуют.

Как понять, что компании нужен редизайн сайта

Пример из практики

Недавно мы провели аудит интернет-магазина мебели. Исследовали десктопную и мобильную версии сайта и сравнивали конверсии на разных шагах воронки. В ходе аудита выявили двукратный разрыв в конверсии.

Мобильная версия сайта отрабатывала в два раза хуже, хотя мобильного трафика было в три раза больше.

Выяснилось, что сайт развивался по концепции Desktop First без адаптации фичей под мобильные устройства, в то время как покупатели пользовались мобильной версией в 3 раза чаще. Мы порекомендовали продолжить развивать продукт в подходе mobile first и выделили более 20 зон роста.

Этот пример — один из тех случаев, когда компании нужен аудит и редизайн. Причина: критично низкие метрики. Есть ещё несколько показателей того, что компании пора заказать редизайн сайта.

Снижение трафика. Если вы заметили, что на ваш сайт стали заходить реже и процент отказов, когда сайт покидают через 3–5 секунд, увеличился. Это может быть связано с плохой юзабилити. 75% пользователей доверяют компаниям на основе их веб-дизайна. Поэтому, чтобы на сайте совершали покупки, стоит повысить уровень доверия к бренду через редизайн.

Пользователи не доходят до конца воронки. Если посетители сайта не могут быстро найти на нём нужную информацию, применить фильтры в каталоге, проверить корзину или оплатить товары в пару кликов, они могут просто отказаться от покупок у вас. Негативный первый опыт отталкивает 88% пользователей.

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

Неадаптивность. Если сайт некорректно работает на мобильных устройствах. Многие заходят в интернет с телефонов. Поэтому без функциональной мобильной версии компания рискует потерять значительную часть аудитории. 57% клиентов не будут рекомендовать компанию с плохим веб-сайтом для мобильных устройств.

Устаревший дизайн. Если ваш сайт выглядит так, как будто он был создан много лет назад, это отпугивает. Пользователям может показаться, что компания давно закрылась и не развивается, раз у неё древний сайт. Сейчас они ожидают увидеть стильный и удобный интерфейс, по которому понятно, что компания «жива».

Смена маркетинговой стратегии. Если ваша компания изменила позиционирование, важно обновить сайт, чтобы он соответствовал новым ценностям. Например, компания LOVE REPUBLIC по этой причине провела редизайн приложения. В результате увеличила конверсию в покупку в 2 раза, а общую долю покупок через приложение — до 30%.

Что сказать директору, чтобы подсветить ценность инвестиций в редизайн

С одной стороны, упоминание проблем вроде «сайт висит» и «пользователи уходят» может быть достаточным, чтобы убедить руководство в редизайне. С другой, менеджер продукта столкнётся с вопросом: «Какую выгоду он принесёт?» На него стоит заранее заготовить конкретный ответ. Заказать ребрендинг стоит, потому что он:

• Поможет увеличить объём продаж. Редизайн сайта повысит его эффективность. Например, компания Continental Office B2B наблюдала рост трафика на 103% и числа новых контактов на 645% после инвестиций в новый UX-дизайн. А чем больше пользователей, тем больше продаж: количество контрактов фирмы увеличилось на 80% за год.
• Улучшит пользовательский опыт. Сайт с продуманным дизайном облегчает путь клиента к покупке. Это значит, что больше людей дойдёт до конца воронки, оплатит товары, вернётся на сайт не один раз и порекомендует его знакомым. Всё это скажется на метриках: конверсии, уровнях вовлечённости и лояльности, MAU и числе новых регистраций.
• Поможет адаптироваться к текущим требованиям. Обновлённый сайт одновременно подстроиться под новые привычки пользователей и запросы регуляторов. Законодательство меняется. Поэтому при редизайне речь идёт не только о внедрении систем лояльности и видеокарточек, но и соответствии сайта требованиям к рекламе и сбору личных данных.
• Даст SEO-преимущества. Техническое обновление сайта, включая ускорение загрузки и адаптацию под мобильные устройства, положительно скажется на SEO (оптимизации для поисковых систем). Это поможет сайту выходить в топ выдачи Яндекса и Google и увеличивать органический трафик.
• Повысит конкурентоспособность бизнеса. Если сложить все плюсы, от роста показателей и выручки до снижения маркетинговых усилий благодаря органическому продвижению, редизайн — это выгодное вложение в укрепление позиций на рынке. Он поможет бизнесу быть привлекательным и жизнеспособным.

Вечный mobile first и другие тренды в веб-дизайне

Mobile first — это принцип проектирования, при котором разработчики изначально подстраивают сайт под экраны смартфонов, а потом создают версию для десктопа. По статистике 60% пользователей в мире и 47% в России заходят на сайты с телефонов, поэтому адаптация под мобильные устройства — неотъемлемый стандарт. Но даже зная это, не все компании его используют.

Разберём на примере портала mos.ru, официального сайта правительства Москвы. Он был обновлён в 2015 году и с тех пор постепенно улучшается. Чтобы заходить на mos.ru, 68% пользователей выбирают смартфоны и планшеты. Оптимизация мобильной версии сайта идёт постепенно, какие-то разделы уже хорошо работают с телефона, но многими всё ещё невозможно пользоваться.

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

Если бы обновление сайта изначально шло по концепции mobile first, которая уже была популярна в 2015 году, таких проблем бы не возникало. То же можно сказать и о сайте Федеральной налоговой службы. Много разделов сайта ФНС уже адаптированы, но, к сожалению, встречаются неудобные страницы.

Тенденции в веб-дизайне

Внешний вид сайта играет ключевую роль в процессе принятия решений о покупке.

«40% потребителей уходят к конкурентам, если не испытывают удовлетворенности от визуального восприятия сайта. 21% — бросают корзины если им непонятна ориентация на сайте».

Виктор Малыгин, эксперт по визуальному мерчандайзингу и ритейл-дизайну Fashion Consulting Group.

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

3D-иллюстрации

3D-графика оживляет интерфейс и цепляет взгляд пользователя. Технология позволяет «прикоснуться» к предметам в цифровом пространстве. Отсюда тренд на внедрение 3D-примерочных в онлайн-магазинах одежды.

3D-иллюстрации — не новая тенденция, но она точно останется популярной в ближайшее время. Его активно используют Apple и Google, а новые компании и стартапы будут перенимать у гигантов рынка их визуальные решения.

Создание сайта с помощью AI-инструментов

Сервисы на базе нейросетей по созданию дизайна сайтов, например, Durable, Craftum и Unicorn Platform помогают ускорить работу дизайнеров. Поэтому компания-заказчик может сократить затраты и посоревноваться с конкурентами.

Веб-дизайнер Илья Пронин в колонке для Tproger поделился с дизайнерами таким советом:

«Изучайте инструменты по созданию сайтов с помощью AI. На мой взгляд, это единственный способ понимать, что предложить клиентам такого, чего не умеют нейронки. Используйте инструменты на основе нейронных сетей, которые упростят и ускорят работу».

Можно предложить дизайн-команде использовать профессиональный сервис Genius. Он дорисовывает элементы внутри Figma. Ему можно передать часть рутинной работы, чтобы сосредоточиться на креативе. Дополнительный инструмент — Galileo AI, редактор text to interface. На основе текстового запроса он генерирует интерфейс, который можно отредактировать в Figmа.

UX-копирайтинг

Специалист, который знает лайфхаки по расположению текста в интерфейсе, может на 17% увеличить вовлечённость пользователей. Он создаёт чёткие, короткие и персонализированные сообщения, которые облегчают восприятие и делают интерфейсы дружелюбнее. Поэтому пользователи нажимают на кнопки чаще: текст на них им понятен; они знаю, чего ожидать после клика и что вводить в пустое поле.

Hate Agency в Trend Report 25 отмечает: продолжает расти спрос на настоящие, неприукрашенные моменты, а также неидеальный, но человечный контент. Если ИИ для дизайна — норма, то ИИ для текстов — нет. Живой и эмоциональный сторителлинг должен драйвить аудиторию. Тогда вайб, который создаёт сайт, побудит молодую аудиторию выбрать ваш бренд и продукты.

Ретро-вайб

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

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

Из-за попыток учесть максимум актуальных тенденций UX, стоимость редизайна может увеличиваться. Тренды влияют на экономику проектов. На стоимость могут повлиять сложности интеграции 3D-графики и анимаций; оплата специализированных навыков дизайнеров; требования к производительности интерфейсов, которые должны «вывозить» тяжелые видео и 3D-файлы и работать быстро.

Что входит в редизайн сайта

Сайт редизайнит целая команда специалистов:

• Проджект-менеджер.
• Специалисты по веб-дизайну.
• Разработчики.
• SEO-специалисты.
• Копирайтеры.

Обычно смена дизайна проходит в 6 этапов.

1. Клиент и менеджер проекта обсуждают цели проекта, аудиторию и требования, чтобы сформировать видение будущего сайта.
2. Команда проводит анализ состояния сайта: аудит кода, дизайна и контента. Пример аудита для крупного интернет-магазина доступен по ссылке.
3. Разработчики создают новый пользовательский путь и структуру интерфейсов.
4. Копирайтеры создают UX-тексты. Дизайнеры проектируют интерфейсы.
5. Разработчики проверяют проект на баги и производительность, настраивают сервисы аналитики и запускают сайт.
6. SEO-специалисты оптимизируют сайт для поисковых систем.

Сколько стоит редизайн сайта

Стоимость редизайна сайта зависит от объёма работы, сложности проекта, временных рамок, локализации и опыта команды. В среднем, разработка дизайна сайта стоит от 100 000 руб. за небольшие дизайнерские изменения на текущем сайте до нескольких миллионов рублей для крупных проектов с кастомными фичами, интеграцией CRM-системы и сложными индивидуальными анимациями.

Из чего формируется стоимость редизайна сайта

Чтобы рассчитать стоимость разработки дизайна сайта, мы смотрим на:

• Количество страниц, разделов и функциональностей. Лендинг в 3 страницы будет в несколько раз дешевле сайта в 50 взаимосвязанных страниц.
• Необходимость создания уникальных элементов дизайна, интеграций с CRM-системами.
• Срочность выполнения работы. Она влияет на количество дизайнеров, которых подключат на ваш проект.

Когда вы начнёте проект по редизайну, аналитик рассчитает вам примерное время, которое понадобится для проекта. Например, 60 часов на аудит, 100 часов на дизайн, 60 часов на внедрение продуктовой аналитики (опционально).

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

• Арт-директор: 2000 рублей/час.
• Дизайнер: 1000 рублей/час.
• Менеджер продукта: 1000 рублей/час.
• Аналитик: 1000 рублей/час.

Например, 60 часов арт-директора + 60 часов дизайнера + 60 часов менеджера продукта будут стоить 300 тысяч рублей.

При планировании бюджета на редизайн важно учесть как текущие потребности, так и долгосрочные цели бизнеса. Инвестиции в качественный редизайн могут повысить конверсию в покупку, быстро окупиться и увеличить ежемесячную выручку компании. На красивых сайтах больше покупают. Например, аналитики рассчитали, что редизайн мобильного продукта для Rendez-Vous будет приносить бизнесу до +230 млн. в месяц.

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

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

Атмосферные и функциональные сайты: кейсы редизайна

Редизайн сайта жилого комплекса Новая Боровая

В 2024 году дизайнер Арсений Волков из Media Line рассказал, что нового появилось на корпоративном сайте ЖК Новая Боровая после редизайна. Чтобы сайт отражал современность и удобство квартала, он должен сам соответствовать этим параметрам. Поэтому дизайнеры создали сочный и понятный интерфейс.

Чтобы пользователи визуально ориентировались в пространстве жилого комплекса, дизайнеры продумали навигацию по кварталам с интерактивными генпланами каждого дома и вариантами планировок квартир. Они внедрили кредитный калькулятор для расчета ипотеки и функциональность «Просмотр жилых кварталов в 360°», которая создает эффект присутствия и позволяет оценить пространство по достоинству.

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

Группа НЛМК провела редизайн промышленных интерфейсов

Специалисты НЛМК-ИТ создали собственную дизайн-систему. На её основе модернизировали более 30 веб-систем, чтобы упростить работу сотрудников. Теперь информация стала доступнее.

Для редизайна привлекли не только IT-специалистов, но и сотрудников, работающих в цехах. Это нужно, чтобы учесть особенности промышленных интерфейсов. Специалисту в цеху важно видеть всю информацию сразу — любое отклонение может повлиять на качество продукции или оборудование. Дизайнеры учли и сложные условия работы в цехах: слабое освещение и блики от стальных заготовок и руды.

По словам Александра Ивачева, Head of Design НЛМК-ИТ, участие реальных пользователей помогло взглянуть на задачу шире и создать удобные интерфейсы. А затем — разработать единые гайдлайны для всех интерфейсов компании, включая офисные системы и программы для работ «в полях».

Редизайн сайта для Breaking Trends

Сергей Ананьев, арт-директор студии «Молния», поделился результатами редизайна сайта для digital-агентства Breaking Trends. Раньше сайт был ярким и трендовым, но он перестал соответствовать позиционированию компании. Агентство хотело показать «профессионализм» через переход от ярких коллажей к минималистичному и монохромному дизайну с акцентом на текст.

На прошлом сайте агентства были проблнемы с UX: нефиксированное меню и неинформативные заголовки. В результате было решено полностью обновить структуру сайта. Основной экран теперь содержит четкое описание услуг, а кнопка для целевого действия всегда доступна. Редизайн сайта Breaking Trends помог улучшить пользовательский опыт, прийти к гармонии с фирменным стилем и повысить «трендовость».

Выводы

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

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