главная /обзор проекта
Редизайн раздела «Недвижимость» для F.Doc
Спроектировала новую структуру раздела на основе интервью со стейкхолдерами, сотрудниками продаж и исследования пользовательских потребностей. Любимый кейс на стыке продуктового и web-дизайна.
UX Research • User Interviews • UX/UI • Landing Page • Prototyping • Wireframes
Задача
Перестроить страницу так, чтобы пользователи быстрее понимали ценность продукта и чаще переходили к подключению сервиса.
Подход
UX-исследование, интервью, проектирование структуры, UX/UI-дизайн и прототипирование.
/цель проекта
Перестроить страницу вокруг потребностей пользователей и увеличить конверсию в подключение сервиса.
Моя роль
Отвечала за структуру страницы, UX/UI-дизайн, проектирование пользовательских сценариев и подготовку интерфейса к разработке. Работала в тесном взаимодействии с продуктовой командой на всех этапах проекта.
/ресерч
Исследование
Прежде чем приступать к дизайну, я провела интервью со стейкхолдерами и сотрудниками отдела продаж.
Мне было важно понять:
Именно эти инсайты легли в основу новой структуры страницы.
Мне было важно понять:
- какие вопросы чаще всего задают клиенты
- как менеджеры презентуют продукт
- какие преимущества помогают принять решение
- какие блоки на текущей странице действительно востребованы
Именно эти инсайты легли в основу новой структуры страницы.
/структура и дизайн
Формирование структуры
Новая структура строилась не вокруг внутренних процессов компании, а вокруг информации, которая действительно нужна пользователям.
Контент был перестроен так, чтобы последовательно отвечать на основные вопросы клиента и постепенно подводить его к подключению сервиса.
Контент был перестроен так, чтобы последовательно отвечать на основные вопросы клиента и постепенно подводить его к подключению сервиса.
Прототипирование
После формирования структуры собрала прототип страницы и согласовала его со стейкхолдерами. Это позволило проверить логику до начала визуального дизайна.
После согласования прототипа разработала финальные макеты и подготовила страницу к реализации:
После согласования прототипа разработала финальные макеты и подготовила страницу к реализации:
Интерактивные блоки
Интерактивные секции помогли сделать страницу компактнее и не перегружать пользователя большим количеством информации.
Контент раскрывается только в момент взаимодействия, сохраняя фокус на ключевых преимуществах продукта.
Контент раскрывается только в момент взаимодействия, сохраняя фокус на ключевых преимуществах продукта.
Формат сторис
для мобильных
для мобильных
Для мобильной версии разработала формат сторис с интерактивными карточками. Он позволяет быстро познакомиться с возможностями продукта без длинного скролла и сохраняет удобство просмотра на небольшом экране.
/результат
Итог
В результате страница получила новую информационную архитектуру, основанную на пользовательских исследованиях и интервью со стейкхолдерами.
Удалось сделать сложный продукт понятнее: информацию распределила по логическим блокам, добавила интерактивные секции для раскрытия деталей и привлечения внимания к наиболее важным блокам. Разработала формат сторис для мобильной версии, чтобы компактно представить ключевые возможности сервиса.
Разработанная структура стала основой для других отраслевых страниц F.Doc, а обновленная страница показала рост конверсии на 14,5%.
Удалось сделать сложный продукт понятнее: информацию распределила по логическим блокам, добавила интерактивные секции для раскрытия деталей и привлечения внимания к наиболее важным блокам. Разработала формат сторис для мобильной версии, чтобы компактно представить ключевые возможности сервиса.
Разработанная структура стала основой для других отраслевых страниц F.Doc, а обновленная страница показала рост конверсии на 14,5%.
страницу можно скроллить
Поработаем вместе?
Поработаем вместе?
Если вам откликнулся мой подход к дизайну — давайте познакомимся.
Буду рада обсудить проекты, команду и новые возможности.
Буду рада обсудить проекты, команду и новые возможности.