Как понять, что пришло время обновить сайт. Рассказываем все про новый дизайн и редизайн

Привет, на связи Верно. Мы специализируемся на разработке цифровых продуктов и за последние три года сделали десятки редизайнов для клиентов и пару — для себя. Показываем примеры на кейсах и делимся советами.

Что мы понимаем под редизайном? Это полное (иногда частичное) обновление сайта, когда мы затрагиваем визуал и структуру сайта.

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

Почему мы любим такие проекты?

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

Одним из давних проектов и самым долгим с точки зрения редизайна был корпоративный сайт Okdesk. Мы начали с одной страницы и со временем переделали вообще весь сайт.

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

Основная задача редизайна — повышение конверсии и увеличение числа лидов.

В итоге мы сделали более 30 страниц и сверстали их, натяжкой вёрстки занимался сам клиент.

Результат: После обновления отраслевых страниц, количество лидов выросло на 162,5%. Посмотреть весь кейс можно по ссылке.

Плюсы подхода: Прозрачный план с осязаемым поэтапным результатом.

Минусы подхода: Сроки и стоимость выше, чем у разработки "под ключ".

Хороший пример солянки проблем — это старый интернет-магазин Bloom Bra.

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

1. 140+ размеров + цвета + бренды. Задача сделать фильтрацию удобной и понятно.

2. Увеличить конверсию в оформленные заказы через сайт. Сделать удобной логику самостоятельного оформления.

3. Решить все технические проблемы старого сайта.

4. Сохранить базу клиентов и ключевых наработок при создании нового сайта.

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

Что мы сделали:

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

Сейчас выбор белья или обращение за консультацией стало максимально удобным.

Результат: Новый сайт, на котором исправлены все ошибки уже радует покупательниц со всей России. Кейс уже оценили коллеги из индустрии, он вошел в число финалистов WDA/24 и борется сейчас за призовое место.

Посмотреть полный кейс можно по ссылке.

Плюсы подхода: При детальной проработке на старте проект гарантированно улучшит конверсии и результат.

Минусы подхода: Сроки, результат в самом конце работ.

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

Сервис уже существовал и активно развивался, команда вела собственные разработки, постоянно развивала проект, проект делался своими силами и на bootstrap, по мере развития компании возникла потребность обновить интерфейс и нам было необходимо:

Команда пришла к нам с осознанным запросом на UX/UI-дизайн, так как пришло время становиться более зрелым продуктом в глазах заказчиков, с чем мы и помогли.

Решение: За 6 месяцев сделали полный редизайн, перепроектировали интерфейс, разработали сценарии и сделали frontend на React. Пока мы готовимся к работам, запланированным на второй релиз, постараемся рассказать, как делать сложные продукты. Работали с использованием гибких методологий, чем сильно ускорили работу.

Результат: Новый интерфейс, которым пользуются клиенты уровня enterprise и прямое влияние на выручку компании. Кейс уже оценили коллеги из индустрии, он вошел в число финалистов WDA/24 и борется сейчас за призовое место.

Посмотреть полный кейс можно по ссылке.

Плюсы подхода: Гибкие методологии ускоряют разработку, а тестирование в процессе убережет от ошибок при запуске.

Минусы подхода: Увеличенный состав команды, стоимость.

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

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

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

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

Решение: Выделить проектную команду и сделать редизайн себе, как клиентам. Первую версию в релиз выпустили за 3 месяца. Сейчас со временем добавили новые разделы и страницы.

Результат: Сейчас у клиентов не возникает резонанса между нашим сайтом и нашими словами. Конверсии за месяц обгоняют конверсии на старом сайте за квартал. А мы с гордостью скидываем сайт.

Посмотреть полный кейс можно по ссылке.

В нашем продакшене есть юнит по разработке проектов для медицины - MEDDEV. Количество медицинских проектов росло, мы вошли в ТОП-10 разработчиков для медицины по версии Рейтинг Рунета в 2023 году, а размывать свое позиционирование мы не хотели.

Сделали лендинг и использовали его только для общения с клиентами, постепенно готовили к самостоятельному продвежению, но вдруг заработал трафик из поиска.

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

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

Результат: Это свежий релиз и мы только начали отслеживать метрики. По итогам показа клиентам, им стало проще ориентироваться в условиях и результате.

Посмотреть полный кейс можно по ссылке.

Для редизайна из своей практики мы видим несколько причин:

Скопировать ответ

С чего начать?

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

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

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

Если хотите посмотреть в каком состоянии у вас сайт, вы можете заказать у нас UX/UI-аудит или пройти чек-лист на качество сайта. Если у вас есть внутренняя команда, которая ведет исследования и аудиты, будет большим плюсом.

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

Еще больше кейсов на нашем сайте:

Наш телеграм-канал: