Редизайн сайта B2B-платформы Едивеб
Упрощение сложного продукта через визуал и структуру
«Едивеб» — B2B-платформа для ЭДО (электронного документооборота) и интеграций с внешними сервисами. Компании нужно было обновить сайт, через который клиенты знакомятся с продуктами, выбирают тариф и оставляют заявку.
Срок:
3 месяца
Моя роль:
UX/UI-дизайнер
Продукт:
Сайт, который нужен для входа в платформу EDIWEB и ознакомление с продуктами EDIWEB для ЭДО и интеграций
Контекст
«Едивеб» — B2B-платформа для ЭДО (электронного документооборота) и интеграций с внешними сервисами. Компании нужно было обновить сайт, через который клиенты знакомятся с продуктами, выбирают тариф и оставляют заявку.
Сайт компании выполнял две функции:
- Продавал подписки на ЭДО-платформу
- Знакомил с интеграционными возможностями
Что было зафиксировано до старта:
7 из 10 посетителей уходили, не поняв продукт. Отдел продаж тратил 70% времени на первичное обучение, а не на закрытие сделок
Исследование
Что было сделано перед дизайном
1. Анализ текущего сайта
Я изучила текущий сайт, опираясь на:
- данные аналитики (где уходят пользователи, что не доскролливают)
- анализ на основе наблюдений и оценки конкурентов
Что я выявила:
Старая версия сайта
2. Интервью с пользователями (20 человек)
Какая задача у пользователей?
- Быстро понять, подходит ли платформа их бизнесу
- Оценить сложность подключения и настройки
- Сравнить тарифы и выбрать подходящий
- Увидеть, с какими сервисами есть интеграции
Что дало интервью
Пользователи не доходят до заявки, потому что:
- Не понимают, как начать работу
- Не находят информацию про тарифы
- Теряются в текстах и навигации
3. Анализ конкурентов
Я изучила более 10-ти SaaS и B2B-платформ, чтобы понять, как конкуренты решают те же задачи.
Сравнение разных компаний в таблице
Выводы из исследования
Краткие выводы
- Сейчас минимализм и «воздух» вместо перегруженных интерфейсов
- Акцент на типографике и крупных заголовках
- Карточная структура контента
- Короткие тексты вместо длинных описаний
- Визуализация процессов через схемы и иконки
Дизайн-решение
Дизайн-решение
Главная страница
Новая структура с понятным сценарием и акцентом на ценности продукта.
Мобильная версия
Адаптировала интерфейс под мобильные устройства.
Интеграционная платформа
Упрощена подача сложного функционала, добавлена логика блоков и тарифов
О компании
структурирована информация о бренде, добавлена более современная подача
UI-kit
Структурировала компоненты для целостности и ускорения разработки.
Результат и выводы
Результат и выводы
Что редизайн дал бизнесу
- Снизил нагрузку на отдел продаж — пользователи перестали задавать вопросы «как подключить» до звонка
- Увеличил конверсию в заявку — сайт стал работать как продающий инструмент, а не витрина
- Ускорил принятие решения — тарифы и цена стали видны на первом экране
