Редизайн B2B каталога компании mr.Doors

дизайн корпоративного сайта
Описание проекта

В начале 2024 года компания "Mr.Doors", с более чем 25-летней историей на российском рынке, приняла решение обновить свой B2B-сайт. Предыдущая версия сайта устарела и требовала обновления как визуально, так и информационно. Целью проекта было создание новой дизайн-концепции для раздела B2B с целью повышения его эффективности и удобства использования.

Проблематика
  • Устаревший дизайн: Предыдущая версия сайта была морально устаревшей и не отвечала современным требованиям дизайна и пользовательского опыта.
  • Недостаточная информативность: Старая версия сайта не содержала достаточно информации о продуктах и услугах компании, что могло отпугивать потенциальных клиентов.
  • Неудобная навигация: Недостаточная структурированность и слабая навигация на предыдущей версии сайта затрудняли пользователям поиск нужной информации.
  • Невысокая эффективность целевой страницы: Страница B2B не была оптимизирована для достижения конверсий и привлечения новых клиентов из сегмента B2B.
  • Отсутствие показа процесса работы: Пользователям было не ясно, как происходит работа с компанией "Mr.Doors" и какие этапы производства мебели они могут ожидать.
  • Отсутствие дополнительной навигации: Не было предусмотрено удобное меню или ссылки для быстрого доступа к интересующим разделам для клиентов из сегмента B2B.
  • Неэффективное использование брендбука: Предыдущая версия сайта не соответствовала корпоративному стилю и брендбуку компании, что могло создавать негативное впечатление у посетителей.
Цель проекта
  • Создание дизайн-концепции для обновленного раздела B2B.
  • Повышение эффективности целевой страницы.
  • Учет ожиданий и потребностей пользователей из сегмента B2B.
дизайн корпоративного сайта

Для наших клиентов из сегмента B2B важно показать процесс работы и что наша компания делает. Еще один важный момент – предусмотреть дополнительную навигацию. Чтобы клиент мог сразу найти интересующий раздел.

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

Хворостова Екатерина Владимировна
Директор по маркетингу компании Mr.Doors
Анимация первого экрана
Метрики

Эти метрики помогут оценить успешность и эффективность нового дизайна еще на этапе прототипирования, до внедрения на сайт:

  • Успешность выполнения задач: Процент пользователей, которые успешно выполняют ключевые задачи в прототипе нового дизайна
  • Время выполнения задач: Среднее время, необходимое пользователям для выполнения ключевых задач. Снижение этого времени указывает на улучшение удобства использования.
  • Показатель удовлетворенности пользователей (Satisfaction Rate): Оценка пользователей по шкале удовлетворенности ( от 1 до 5) после взаимодействия с новым дизайном. Высокие оценки указывают на успешное выполнение дизайн-задач.
  • Анализ прототипа на мобильных устройствах: Оценка удобства использования и адаптивности дизайна на различных мобильных устройствах и экранах. Важно, чтобы дизайн оставался функциональным и удобным вне зависимости от устройства.
Процесс работы
  • Провела интервью ключевых сотрудников B2B отдела для выявления их потребностей и проблем. Сформировала отчет на основе полученных данных, что позволило лучше понять внутренние требования и ожидания.
  • Провела анализ пользовательских сценариев и собрала обратную связь от текущих клиентов B2B сегмента ЦА.
  • Создала прототип и макет страниц, которые были ориентированы на удобство и интуитивность пользовательского взаимодействия.
  • Разработала макеты с использованием 12-колоночной адаптивной сетки, что обеспечило оптимальное отображение на различных устройствах. Провела тестирование макета на разных разрешениях экрана для гарантии кроссбраузерной совместимости и отзывчивости дизайна.
дизайн корпоративного сайта дизайн корпоративного сайта
Типографика и цвета

Выбор цветов и шрифта обусловлен текущим брендбуком компании 

редизайн корпоративного сайта
Адаптивная сетка

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

дизайн корпоративного сайта
Результат

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

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

Собранные данные также продемонстрировали улучшение ключевых метрик:

1. Увеличение количества запросов и заявок от B2B клиентов.

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

3. Меньшее количество пользователей покидает сайт после просмотра одной страницы.

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

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