Концепция редизайна корпоративного B2B-сайта
упрощена навигация
и логика категорий
сокращён путь
пользователя до товара
внедрён новый сценарий
B2B-заявки через корзину
улучшено понимание структуры
компании и доверие
2024
Discovery
ХимКриоМаш — корпоративный B2B-сайт компании в сфере производства и продажи металлоконструкций. Основной сценарий взаимодействия пользователей — поиск товаров и оформление заявки через менеджера.
Целевая аудитория: менеджеры компаний и предприниматели, принимающие решение о закупке.
Продуктовая проблема
Перегруженная структура и слабая информационная архитектура сайта, из-за чего пользователи долго искали товары, терялись в навигации и не могли удобно оформлять заявки на несколько позиций.
Задача
Создать понятную и логичную UX-структуру B2B-сайта, чтобы упростить поиск товаров и формирование заявки.
Этапы работы
• анализ текущего сайта и пользовательских сценариев;
• UX-аудит и конкурентный анализ;
• проектирование;
• разработка CJM и user flow;
• wireframes;
• UI-концепция и UI-kit;
• кликабельный прототип в Figma;
• передача макетов в разработку.
JTBD
Когда я выбираю промышленного поставщика, я хочу быстро найти нужные товары, сравнить их и отправить единый запрос, чтобы упростить процесс закупки и быстрее получить коммерческое предложение.
Продуктовая стратегия
Цель редизайна — создать понятный, структурированный и масштабируемый B2B-сайт, который:
• сокращает путь до товара;
• упрощает навигацию;
• вводит сценарий формирования заявки через корзину;
• повышает прозрачность компании и доверие.
UX решения
Переработка структуры сайта и развитие контента
Обновлена информационная архитектура сайта: добавлены ключевые разделы («Новости», «О компании», «Работа у нас», «Отзывы», «Реализованные проекты»), что сделало структуру более логичной и понятной для пользователей.
Также усилено доверие к компании за счёт расширения контента: появились страницы с информацией о компании, отзывами и реализованными проектами, что повысило экспертность и прозрачность бренда.
Упрощение доступа к товарам
Сокращён путь до карточки товара с 4–5 до 1–2 кликов, что упростило навигацию и ускорило доступ к нужным позициям.
Внедрены фильтры для быстрого поиска товаров, благодаря чему пользователи могут быстрее находить нужные позиции по ключевым параметрам.
В результате значительно ускорен процесс выбора товара и повышена удобность работы с каталогом.
Новый сценарий формирования заявки
Добавлена корзина для нескольких товаров, что позволило пользователям собирать позиции в одном месте и формировать комплексные заявки.
Внедрена пошаговая форма отправки заявки, упрощающая процесс оформления и структурирующая ввод данных.
В результате пользователь формирует не точечный, а структурированный запрос на несколько товаров сразу.
Усиление карточек товаров
Улучшена подача информации в карточке товара: она оформлена как полноценная посадочная страница с детальным описанием, ключевыми характеристиками и структурированной подачей данных.
UI и визуальная концепция
Сохранён фирменный акцентный цвет (жёлтый) и добавлен дополнительный акцент (фиолетовый), что расширило визуальную систему и усилило контраст интерфейса.
Разработан новый UI-kit и кликабельный прототип в Figma, обеспечивающий единообразие компонентов и проверку пользовательских сценариев.
📌
При проектировании интерфейса использовала подход атомарного дизайна: от базовых элементов (кнопки, типографика, поля ввода) к компонентам и полноценным экранам.
Это позволило бы обеспечить консистентность интерфейса, упростить масштабирование и ускорить дальнейшую разработку.
Системный подход
Я использовала подход, ориентированный на пользователя и реальные данные, опираясь на обратную связь от менеджеров и поведение пользователей на сайте. Проектирование строилось через CJM и пользовательские сценарии, чтобы выстроить понятный и логичный путь от поиска товара до отправки заявки.
Главный фокус был на упрощении структуры сайта и навигации, чтобы сократить путь пользователя до нужного товара и действия. Решения принимались постепенно — от структуры к интерфейсу, с учётом бизнес-целей и удобства пользователя.
Работа с командой
Проект был реализован как дизайнерская концепция, включающая самостоятельную проработку структуры и ключевых решений. В процессе работы осуществлялось взаимодействие с SEO-специалистом для анализа данных, а также с фронтенд и бэкенд разработчиками.
Проект выполнялся в формате редизайн-концепции, поэтому часть решений могла быть внедрена частично из-за ограничений текущей системы.
Результат
упрощена навигация
и логика категорий
внедрён новый сценарий
B2B-заявки через корзину
сокращён путь
пользователя до товара
улучшено понимание структуры
компании и доверие
Эффекты:
• потенциальное сокращение пути до товара с 4–5 до 1–2 кликов;
• повышение удобства формирования заявки;
• улучшение пользовательского опыта в B2B-сценарии;
• усиление прозрачности и доверия к компании.
🔎
Редизайн превратил сайт из перегруженного каталога в структурированную B2B-платформу, где пользователь может быстро находить товары, формировать заявку и понимать условия сотрудничества без необходимости дополнительных уточнений у менеджера.
Прототип
Также можно посмотреть, как я веду проект в Figma и передаю все макеты в разработку.
Другие мои проекты
Концепция редизайна корпоративного B2B-сайта
упрощена навигация
и логика категорий
сокращён путь
пользователя до товара
внедрён новый сценарий
B2B-заявки через корзину
улучшено понимание структуры
компании и доверие
2024
Discovery
ХимКриоМаш — корпоративный B2B-сайт компании в сфере производства и продажи металлоконструкций. Основной сценарий взаимодействия пользователей — поиск товаров и оформление заявки через менеджера.
Целевая аудитория: менеджеры компаний и предприниматели, принимающие решение о закупке.
Продуктовая проблема
Перегруженная структура и слабая информационная архитектура сайта, из-за чего пользователи долго искали товары, терялись в навигации и не могли удобно оформлять заявки на несколько позиций.
Задача
Создать понятную и логичную UX-структуру B2B-сайта, чтобы упростить поиск товаров и формирование заявки.
Этапы работы
• анализ текущего сайта и пользовательских сценариев;
• UX-аудит и конкурентный анализ;
• проектирование;
• разработка CJM и user flow;
• wireframes;
• UI-концепция и UI-kit;
• кликабельный прототип в Figma;
• передача макетов в разработку.
JTBD
Когда я выбираю промышленного поставщика, я хочу быстро найти нужные товары, сравнить их и отправить единый запрос, чтобы упростить процесс закупки и быстрее получить коммерческое предложение.
Продуктовая стратегия
Цель редизайна — создать понятный, структурированный и масштабируемый B2B-сайт, который:
• сокращает путь до товара;
• упрощает навигацию;
• вводит сценарий формирования заявки через корзину;
• повышает прозрачность компании и доверие.
UX решения
Переработка структуры сайта и развитие контента
Обновлена информационная архитектура сайта: добавлены ключевые разделы («Новости», «О компании», «Работа у нас», «Отзывы», «Реализованные проекты»), что сделало структуру более логичной и понятной для пользователей.
Также усилено доверие к компании за счёт расширения контента: появились страницы с информацией о компании, отзывами и реализованными проектами, что повысило экспертность и прозрачность бренда.
Упрощение доступа к товарам
Сокращён путь до карточки товара с 4–5 до 1–2 кликов, что упростило навигацию и ускорило доступ к нужным позициям.
Внедрены фильтры для быстрого поиска товаров, благодаря чему пользователи могут быстрее находить нужные позиции по ключевым параметрам.
В результате значительно ускорен процесс выбора товара и повышена удобность работы с каталогом.
Новый сценарий формирования заявки
Добавлена корзина для нескольких товаров, что позволило пользователям собирать позиции в одном месте и формировать комплексные заявки.
Внедрена пошаговая форма отправки заявки, упрощающая процесс оформления и структурирующая ввод данных.
В результате пользователь формирует не точечный, а структурированный запрос на несколько товаров сразу.
Усиление карточек товаров
Улучшена подача информации в карточке товара: она оформлена как полноценная посадочная страница с детальным описанием, ключевыми характеристиками и структурированной подачей данных.
UI и визуальная концепция
Сохранён фирменный акцентный цвет (жёлтый) и добавлен дополнительный акцент (фиолетовый), что расширило визуальную систему и усилило контраст интерфейса.
Разработан новый UI-kit и кликабельный прототип в Figma, обеспечивающий единообразие компонентов и проверку пользовательских сценариев.
📌
При проектировании интерфейса использовала подход атомарного дизайна: от базовых элементов (кнопки, типографика, поля ввода) к компонентам и полноценным экранам.
Это позволило бы обеспечить консистентность интерфейса, упростить масштабирование и ускорить дальнейшую разработку.
Системный подход
Я использовала подход, ориентированный на пользователя и реальные данные, опираясь на обратную связь от менеджеров и поведение пользователей на сайте. Проектирование строилось через CJM и пользовательские сценарии, чтобы выстроить понятный и логичный путь от поиска товара до отправки заявки.
Главный фокус был на упрощении структуры сайта и навигации, чтобы сократить путь пользователя до нужного товара и действия. Решения принимались постепенно — от структуры к интерфейсу, с учётом бизнес-целей и удобства пользователя.
Работа с командой
Проект был реализован как дизайнерская концепция, включающая самостоятельную проработку структуры и ключевых решений. В процессе работы осуществлялось взаимодействие с SEO-специалистом для анализа данных, а также с фронтенд и бэкенд разработчиками.
Проект выполнялся в формате редизайн-концепции, поэтому часть решений могла быть внедрена частично из-за ограничений текущей системы.
Результат
упрощена навигация
и логика категорий
внедрён новый сценарий
B2B-заявки через корзину
сокращён путь
пользователя до товара
улучшено понимание структуры
компании и доверие
Эффекты:
• потенциальное сокращение пути до товара с 4–5 до 1–2 кликов;
• повышение удобства формирования заявки;
• улучшение пользовательского опыта в B2B-сценарии;
• усиление прозрачности и доверия к компании.
🔎
Редизайн превратил сайт из перегруженного каталога в структурированную B2B-платформу, где пользователь может быстро находить товары, формировать заявку и понимать условия сотрудничества без необходимости дополнительных уточнений у менеджера.
Прототип
Также можно посмотреть, как я веду проект в Figma и передаю все макеты в разработку.