Как сделать лучший* сайт для потребителей (b2c)?

Проблема

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

К нам обратилась немецкая оконная компания Века, которая хотела запустить редизайн веб-платформы для покупателей оконных систем. Их целью было создание удобной и интуитивно понятной среды для посетителей при взаимодействии с контентом.

VEKA RUS является дочерней производственной компанией концерна VEKA AG — одного из мировых лидеров в области разработки и производства оконных и дверных систем из высококачественного пластика. Целевая аудитория – B2C. Страны: Беларусь, Казахстан, Азербайджан, Узбекистан и все регионы РФ.

Задачи

На основе анализа метрик:

1. Улучшение взаимодействия с пользователями

2. Выявление ключевых проблем аудитории

3. Позиционирование среди конкурентов

4. Оптимизация навигации

5. Выделение ключевых разделов сайта

6. Разработка дизайна для передачи ценностей компании

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

 – калькулятора,

 – каталога продукции,

 – личного кабинета.

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

Эко-страница – один из разделов сайта, который мы с гордостью можем назвать самой яркой и красочной страницей сайта (https://www.veka.ru/veka-eco), ведь именно здесь мы использовали новые компоненты в разработке. Наполнение раздела акцентирует внимание на бережном отношении проекта к экологии, который при этом не теряет в качестве своей продукции. Цикл переработки сырья для окон мы постарались отобразить на странице максимально прозрачным для конечного потребителя.

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

На основе анализа данных Яндекс Метрики, тепловых карт и карты кликов:

 — выявили основные разделы, интересные пользователям

 — отследили навигационные цепочки посетителей сайта

 — приняли решение реорганизовать навигацию по сайту для упрощения взаимодействия

Результат помог окончательно определиться со структурой будущего сайта.

Новая структура сайта ориентирована на создание логически связанных и интуитивно понятных путей навигации в поиске информации о продуктах компании.

Использование рекомендаций и результатов SEO-аудита

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

Выделение основных характеристик продукции

 — Подчеркнутые ключевые характеристики продукции, обеспечивающие более ясное представление о предлагаемых товарах.

Разнообразное наполнение посадочных страниц

 — Разработка страниц с контентом в удобном формате.

Акцент на продукте с внедрением 3D модели в карточке товара 

 — Внедрение 3D модели для наглядного ознакомления с конструкцией продукции потенциальных клиентов.

Составление user-flow для связывания страниц по смыслу и приоритету

 — Создание структурированного user-flow, обеспечивающего логическое и приоритетное взаимодействие между страницами сайта.

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

В результате анализа всех данных спроектировали прототипы страниц каталога и карточки товара.

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

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

2. В процессе разработки дизайна использовали рекомендации и результаты аудита SEO-специалистов.

3. Внедрили удобную навигацию для упрощения пользовательского опыта.

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

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

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

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

1. Фронт перенесен на Nextjs. Это ускорило работу сайта в 5 раз.

2. При редизайне были убраны старые/нерабочие ссылки.

3. Обновлен дизайн и функционал сайта.

 — Были обновлены компоненты сайта (переписано всё с использования orm и нового ядра d7);

 — Обновлена структура базы данных, убраны лишние инфоблоки и неиспользуемые свойства в оставшихся инфоблоках;

 — API для работы сайта было реализовано на современных инструментах последних версий ядра 1С-Битрикс;

 — Усовершенствована и унифицирована обработка данных со всех форм на сайте.

Результаты редизайна сайта компании VEKA RUS – важный этап совершенствования опыта онлайн-взаимодействия с ресурсом. 

Мы решили все вопросы:

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

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

Редизайн также способствовал выигрышному позиционированию сайта среди конкурентов. И мы сделали все возможное для того, чтобы подсветить технологичность и уникальность бренда, в ДНК которого заложена любовь к своим клиентам – об этом говорит и раздел «Помощь покупателям». Разработанный дизайн теперь эффективнее передает ценности компании, создавая визуальное воплощение ее философии и миссии. 

Когда вы посещаете комфортный веб-сайт, вы, скорее всего, не задумываетесь о том, насколько удобна его навигация или интерфейс – вам просто комфортно пользоваться им. Всё это – способы, которыми бренд взаимодействует с вами через тонко продуманные детали. На сайте Века это выражается в простоте и минимализме дизайна, а также в мелких нюансах обслуживания, например, в оперативной обратной связи в течение 60 секунд.

По статистике, 76% потребителей замечают и ценят, когда компании уделяют приоритетное внимание поддержке клиентов.

Изменения объединены в целостный подход, направленный на создание комфортного взаимодействия пользователей с сайтом Века.

В 2022 году компания DIGITAL SECTOR стала призером конкурса «Золотой сайт» за проект «VEKA RUS» в номинации *«Лучший сайт для потребителей (b2c)» (народное голосование).