Зачем сайту эволюционировать? Рассказываем, как и почему мы проводили редизайн сайта

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

Наш сайт продает дизайнерские двери с 2014 года. За это время мы создали 4 версии его дизайна.

Продукт и его позиционирование за это время кардинально изменились, поэтому и сайт оставаться прежним не мог. За 8 лет он пережил 4 версии редизайна. В каждой версии со временем появлялись "звоночки", говорившие о том, что сайт нужно менять.

Если вы продаете не бетон и ваш продукт подвергается периодическим изменениям - вам также нужно переосмысливать ваше позиционирование в сети. Особенно это важно для брендов, где "рулит" визуал.

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

Уже через 2 года всплыли первые проблемы, которые заставили нас пересмотреть концепцию сайта ↓↓↓

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

Стало очевидно, что требуется модернизация.

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

Что изменили?

• Адаптировали сайт под лендинг-структуру;
• В качестве основных цветов оставили премиальные цвета - белый, черный, серый. В качестве акцентного выбрали голубой оттенок.
• Сделали упор на макрокадры и визуал продукта.

• Мы создали новые разделы сайта, более “заточенные” под покупателя. Разделы помогали клиентам закрыть вопросы и принять решение о покупке - каталог, акции, отзывы, наши продукты, где купить и т.д. Конфигуратор при этом был сохранен, но видоизменен.

• Модернизировали информационные разделы - появилась вкладка “о фабрике”, “партнерам”, “архитекторам”.

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

Реорганизацию конфигуратора поручили компании-подрядчику.

Срок - 3 месяца. Презентовать новый конфигуратор планировали в новом, 2018 году. Внезапно компания подрядчика делится на 2 части, и наш проект уходит одной из сторон.

На разных этапах начинают возникать проблемы.

1 этап: Получаем предконфигуратор и редизайн сайта;

2 этап: Начинаются проблемы на этапе программинга. Возникает много ошибок, багфикс насчитывает огромное количество пунктов, не все баги правятся оперативно, возникают все новые ошибки.

3 этап: На этапе верстки и сдачи проекта подрядчики сообщают, что из-за проблемы с кадрами они не могут сдать проект.

3 дня до нового года. Проект не закрыт. Вопрос с оплатой - открыт.

Ищем крайних.

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

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

Нужно было возвращаться к прежней версии.

Для разработки 4 версии сайта был привлечены наши специалисты. Если раньше мы обращались в агентства, то теперь мы организовали собственную команду веб-дизайнеров. Во главе со старшим дизайнером была разработана четвертая версия сайта “с нуля”, полностью изменился весь брендбук, был проведен редизайн бренда. Ибо нельзя было сделать крутой дизайн со старым фундаментом.

Старший дизайнер создал нам полноценную дизайн-систему бренда и… его с руками и ногами забрали работать в Тинькофф.

Что изменили?

• Расширили карту сайта и добавили страницы с новыми продуктами - электронные, коттеджные, межкомнатные двери и перегородки.
• Расширился арсенал и информационных разделов - появился блок “Интересное”, “Блог” и Галерея, с сочными подборками наших кейсов. Блоки позволяют познакомиться с продуктом интересно и ненавязчиво, без сложного контента о составе панелей и отличиях замковых систем.
  

• Проработали типографику - шрифт стал более крупным, кнопки стали заметнее. Текст стал более коротким и емким.

• Сделали белый цвет на сайте доминирующим. Это позволило сделать упор на визуальном контенте и облегчить его восприятие.
• Улучшили качество макрокадров. Так клиентам проще оценить качество продукта.

• Показали больше готовых решений в интерьере. Это облегчает принятие решения о покупке.

• Добавили блок с живыми фото из Инстаграма*. Когда эпоха инсты прошла, организовали блок с живыми фото из Pinterest.

Конфигуратор тоже эволюционировал.

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

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

О сроках можем поспорить в комментариях)

* Запрещенная в России организация