Frank Media: редизайн медиаплатформы о финансах и экономике, а также адаптация интерфейса под 10 брейкпоинтов для разных устройств

Главное о кейсе

Frank Media обратились к нам за помощью в обновлении сайта. Основной задачей был редизайн медиаплатформы о финансах и экономике, а также адаптация интерфейса под 10 брейкпоинтов для разных устройств. За 2,5 года совместной работы над проектом, в качестве аутстаф команды, нам удалось выстроить продуктивную коммуникацию с ключевыми стейкхолдерами — от главного редактора и маркетолога до руководителя разработки — и превратить разрозненные ожидания в понятные интерфейсные решения. Мы полноценно погрузились в бизнес клиента, организовали рабочий день в офисе команды проекта. Это помогло нам познакомиться друг с другом в живую и почувствовать себя частью команды клиента. Мы последовательно улучшали пользовательский опыт, проектировали интерфейсы для разных сценариев чтения и поиска материалов, а также адаптировали дизайн под потребности как редакции, так и разработчиков.

Как проект изменил жизнь пользователей

После редизайна Frank Media пользователям стало проще ориентироваться в сложной повестке про финансы и экономику: обновлённая структура, улучшенные сценарии навигации и удобные адаптивные версии помогли комфортно читать материалы с любых устройств. Благодаря доработанным фильтрам, разделам и брейкпоинтам чтение новостей, лонгридов и аналитики стало менее фрустрирующим и более фокусным — пользователи быстрее находят нужные темы и форматы.​
Это особенно важно для профессиональной аудитории Frank Media — сотрудников банков, финансистов и предпринимателей, которые приходят за быстрым доступом к точной информации и аналитике.

Бизнес-задача и ее решение

Для бизнеса ключевой задачей было превратить Frank Media в удобную и технологичную медиаплатформу с устойчивым пользовательским опытом, которая поддерживает репутацию Frank RG как одного из главных экспертов на финансовом рынке. Редизайн сайта и выстраивание процессов взаимодействия с редакцией, маркетингом и разработкой позволили сделать продукт более управляемым, адаптировать его под рост трафика и расширение форматов контента.​
Через улучшение UX, создание дизайн-библиотеки и проработку адаптивных состояний сайт стал надёжной витриной для бренда: медиа удобнее презентует спецпроекты, партнёрские интеграции и аналитические продукты Frank RG. Это усилило ценность платформы для B2B-партнёров и помогло поддержать позицию Frank Media в топе цитируемых финансовых СМИ.

Крафт (мастерство), реализация, технические детали

В проекте важную роль играла глубина проработки интерфейсов под 10 брейкпоинтов — сайт должен был одинаково хорошо работать и на большом рабочем мониторе аналитика, и на смартфоне читателя, который просматривает новости в пути. Для этого каждый ключевой экран адаптировался под разные сценарии чтения и взаимодействия, а дизайн-система постепенно эволюционировала от базового UI-кита к полноценной библиотеке состояний и паттернов.​
С учётом обратной связи команды разработки интерфейсы проектировались так, чтобы их было проще верстать и сопровождать: использовались понятные правила для сетки, типографики, компонентов и состояний, а также стандартизированные решения для форм, фильтров и поиска. Это позволило сократить количество неоднозначных трактовок макетов и упростить дальнейшее развитие продукта.​

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

В процессе работы над Frank Media особенно проявилась важность выстроенной коммуникации: переход от сухой переписки к регулярным созвонам с командой разработки и ЛПР помог быстрее согласовывать решения и уменьшил количество несостыковок между дизайном и реализацией. Многослойная структура стейкхолдеров (редакция, маркетинг, аналитики, разработка) требовала прозрачного процесса: совместного уточнения требований, фиксации договорённостей и последовательного внедрения изменений.​
Инициированное юзабилити-тестирование и глубинные интервью подтвердили гипотезы о проблемах с поиском, фильтрацией и календарём и задали вектор доработок: упрощение навигации, улучшение работы поиска и фильтров, переработку логики периодов и категорий.

Скриншоты