Tilda Publishing
-
Редизайн сайта Единый Информатор
В проект входила организация новой архитектуры, мобильная
и десктоп версии сайта, лк
После анализа сайта с командой приняли решение об изменении информационной архитектуры и полном редизайне сайта
Единый информатор
UX-аудит, конкурентный анализ, прототип, дизайн
Объем
UX-исследователь, UX/UI-дизайнер
Роль
2025
Год
Tilda Publishing
Высокий bounce rate
Низкая конверсия
Проблемы
Текущий сайт клиента устарел как визуально,
так и функционально, что приводит к высокой степени оттока пользователей. Люди быстро покидают сайт, не находя нужную информацию или сталкиваясь с неудобным интерфейсом.
На рынке есть сильные конкуренты с более удобным интерфейсом
Большой разброс групп ЦА (20% проф, 80% обыватели)
Вводные
Определение задач
Цели
  • Привлечь непрофессионалов, упростить архитектуру
  • Снизить bounce rate на 20%
  • Увеличить конверсию на 10%
Tilda Publishing
Сначала мы опросили клиента о его пользователях и целях его продукта. Мы определили основные сегменты аудитории, их главные сценарии и конверсионные точки. Также клиент предоставил нам информацию об обратной связи
от пользователей, их обращениях в поддержку и жалобах.
Далее мы собрали и проанализировали метрики: изучили данные конверсии, bounce rate, время на сайте, просмотрели тепловые карты страниц, проверили главные сценарии через записи сессий (вебвизор).
Следующим нашим шагом была эвристическая и экспертная оценки сайта и личного кабинета. А также оценка доступности и удобства интерфейса.
В конце этапа я составила отчет по этапу.
Ход мыслей и действий
Исследования
CJM
Анализ обратной связи от клиентов
Аналитика метрик
Вебвизор
Эвристическая оценка
Экспертная оценка
Оценка доступности и удобства
UX-аудит сайта
Итоги UX-аудита
  • Более 60% исследуемых сессий были посвящены поиску автомобилей;
  • В 25% сессий наблюдались проблемы с поиском: нерелевантная выдача (например, недвижимость вместо авто) и неочищающиеся фильтры;
  • Сайт для пользователя — специализированный поисковик и база данных, которой нужно пользоваться быстро и целенаправленно;
  • Большая часть платного трафика попадает сразу на страницы категорий с предустановленными фильтрами. Пользователи почти не используют главную и другие страницы;
  • Отсутствие визуальной иерархии, «стены текста», низкая контрастность, некликабельные плашки. Ключевые элементы (кнопки CTA, выгода, статусы лотов) теряются;
  • Элементы ведут себя непредсказуемо (неактивный поиск в шапке, неочищающиеся фильтры, глюки в ЛК). Функции дублируются («Купить без ЭЦП»/«с агентом») или неочевидны.
Задачи для дизайна
  • Дизайн должен соответствовать целям: быть минималистичным и максимально функциональным в рамках ключевых сценариев;
  • Главная страница должна не просто рассказывать о сервисе, а мгновенно включать пользователя в его главную задачу — предложить популярные категории;
  • Самое важное — сделать поиск удобным, а выдачу релевантной, чтобы не терять пользователей.
Tilda Publishing
Мы выделили 2 группы конкурентов: прямые и косвенные. В группу прямых конкурентов, функциональных аналогов, вошли сайты Т-Банкрот и Торги России. А в группу косвенных, конкурентов за внимание, вошли Авито и Циан.
Сначала мы отсмотрели конкурентов на предмет хороших решений, которые пригодились бы нам при редизайне.
Далее мы провели сравнение удобства и качества отработки основных путей пользователей.
В конце этапа я составила отчет по этапу.
Ход мыслей и действий
Исследования
Конкурентный анализ
Юзабилити анализ
Конкурентный анализ
Итоги конкурентного анализа
  • Т-Банкрот: полнота и структура карточки, гибкая система уведомлений;
  • Торги России: четкое разделение поиска и фильтров на профессиональный и базовый, адаптивные карточки, хороший пример блоков категорий;
  • Авито и Циан: интуитивная простота поиска, хорошая визуальная архитектура.
Ключевой инсайт для дизайна
  • Рынок демонстрирует чёткий разрыв между сложностью для профессионалов (прямые конкуренты) и простотой для масс (косвенные конкуренты). Возможность для ЕИ — занять нишу «интеллектуальной простоты», создав интерфейс, который предоставляет глубину данных с управляемой сложностью и ясностью.
Tilda Publishing
На этапе прототипирования важно было отработать все основные пути пользователей, создать все необходимые быстрые переходы и связи между страницами.
Также отдельной задачей для мобильной версии сайта было сделать его больше адаптированным под мобильное устройство, сделать нижнее меню, немного адаптировать информационную архитектуру и функционал элементов.
При всем этом важно было сохранить единую главную структуру, сильно ничего не менять, чтобы пользователи не терялись при переходе между версиями.
В процессе мы постоянно коммуницировали с экспертами со стороны заказчика, которые координировали нас по нюансам информационных связей в текущей сфере проекта.
Ход мыслей и действий
Итоги этапа
Отрисовано более 120 экранов
Создано более 50 связей между страницами
Проработаны все основные пути пользователя
Прототипирование
Tilda Publishing
После утверждение прототипа мы перешли к основному дизайну сайта.
Важно было сохранить фирменный стиль и цвета компании, но преобразить их в более современной форме.
Мы старались добавить больше воздуха и пространства в проект, но при этом сохраняли его функциональность.
Ход мыслей и действий
Итоги этапа
Отрисован чистовой вариант проекта
Представлены все состояния страниц и элементов
Собрана полноценная дизайн система
Дизайн сайта
Tilda Publishing
  • Переработали пути пользователей, оптимизировали ux;
  • Унифицировали дизайн элементов, создали дизайн-систему для дальнейшего развития проекта.
Результаты:
Метрики снять временно невозможно, т.к. проект находится в процессе реализации.
Итоговые страницы
Tilda Publishing
Давайте вместе создавать удобные
и полезные продукты
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website