UI/UX в Периодике
2025
2025
Большой проект по переосмыслению цифровых коммуникаций
на основе метрик, исследования рынка и целевой аудитории.
на основе метрик, исследования рынка и целевой аудитории.
Обновление главного сайта
Контекст
Пользователи приходят в Периодику не просто за фотокнигой, а чтобы сохранить значимые моменты и придать им форму. На этапе первого контакта сайт должен был помочь им почувствовать ценность продукта, представить результат и понять, подходит ли фотокнига под их личный сценарий.
Существующий дизайн главной страницы и карточек не отражал эмоциональную ценность продукта и не поддерживал ключевые сценарии пользователей. Задача заключалась в том, чтобы создать UX и визуальные решения, которые усиливают восприятие ценности и вовлекают пользователя.
Существующий дизайн главной страницы и карточек не отражал эмоциональную ценность продукта и не поддерживал ключевые сценарии пользователей. Задача заключалась в том, чтобы создать UX и визуальные решения, которые усиливают восприятие ценности и вовлекают пользователя.
Роль и ответственность
Head of Design / Креативное проектирование UX
и пользовательского пути
и пользовательского пути
Решение
В сотрудничестве с продуктовой командой, опираясь
на продуктовые метрики и комплексное исследование аудитории фотокниг от агентства, мы переосмыслили пользовательский путь на главной странице и в карточке продукта.
на продуктовые метрики и комплексное исследование аудитории фотокниг от агентства, мы переосмыслили пользовательский путь на главной странице и в карточке продукта.
Реализация
До обновления: пользователи редко доходили до блоков, поддерживающих принятие решения
Отражаем, кто мы, что мы делаем и зачем это важно пользователям с учётом сегментов аудитории, сезонности и инфоповодных сценариев.
Продаем продукт через задачи пользователя, делая более полную расшифровку первого экрана), далее – показываем самые продающие продукты и те, которые были не задействованы в блоке выше
Показать пользователю, какие у него есть варианты для сборки фотокниги в одном смысловом блоке, затем показываем инструкцию по самостоятельной сборке
Результат
- CR в создание проекта +6% (CR1*2);
- Вовлечение пользователей +12% время на странице;
- Снижение количества отказов на 12,2%
↓
После переработки главной страницы следующим шагом стало усиление карточки продукта – точки, где пользователь принимает окончательное решение.
Карточка продукта
Контекст
Пользователь приходит в карточку продукта, чтобы понять, какой продукт по характеристикам и какой шаблон подойдут под его задачу — историю, формат или повод. Карточка должна помогать соотнести параметры и варианты оформления с реальным сценарием использования и представить, как продукт будет выглядеть в итоге.
Роль и ответственность
Head of Design / Концептуальное проектирование UX и визуальных паттернов
Проектировала пользовательский опыт и логику инфографики для разных типов продуктов, снижая когнитивную нагрузку и поддерживая сценарии выбора.
Проектировала пользовательский опыт и логику инфографики для разных типов продуктов, снижая когнитивную нагрузку и поддерживая сценарии выбора.
Решение
Совместно с командой продукта и контента мы выбрали подход, при котором визуализация информации учитывает тип продукта и пользовательский контекст:
- инфоповодные и лимитированные продукты получили более дизайнерскую подачу, основанную на KV;
- классические продукты утилитарную, сфокусированную на ясности, и сравнении.
Пример карточек товара для классических продуктов
Пример карточек товара для инфоповодных и лимитированных продуктов
Результат
Карточка стала понятной и прозрачной для пользователей;
Пользователи быстрее ориентировались в вариантах продукта;
В результате пользователи дольше и глубже взаимодействовали с карточкой продукта — продолжительность сессий в группе с инфографикой выросла на 37%.
Несмотря на рост вовлечённости, мы зафиксировали снижение теплоты кликов по кнопке «Собрать фотокнигу». Это изменение интерпретируется не как негативный эффект, а как сдвиг в поведении пользователей: часть решений принималась уже на уровне карточки продукта благодаря инфографике, что снижало количество необоснованных переходов.
Пользователи быстрее ориентировались в вариантах продукта;
В результате пользователи дольше и глубже взаимодействовали с карточкой продукта — продолжительность сессий в группе с инфографикой выросла на 37%.
Несмотря на рост вовлечённости, мы зафиксировали снижение теплоты кликов по кнопке «Собрать фотокнигу». Это изменение интерпретируется не как негативный эффект, а как сдвиг в поведении пользователей: часть решений принималась уже на уровне карточки продукта благодаря инфографике, что снижало количество необоснованных переходов.
Обновление лендингов
Контекст
Формат лендингов не обеспечивал понятную коммуникацию
для пользователей и не был выстроен как эффективный рабочий процесс для команды.
В ходе анализа стало видно, что отсутствие единого подхода кросскомандной работы влияло сразу на несколько уровней:
для пользователей и не был выстроен как эффективный рабочий процесс для команды.
В ходе анализа стало видно, что отсутствие единого подхода кросскомандной работы влияло сразу на несколько уровней:
- пользователи не понимали ценность услуги/предложения;
- визуальные решения не поддерживали доверие;
- ресурсы команды расходовались неэффективно
Роль и ответственность
Head of Design / Системное проектирование процесса
Пересобрала процесс работы над лендингами: сценарий и структура прорабатываются заранее, обеспечивая прозрачный UX и единый подход для всех типов продуктов.
Пересобрала процесс работы над лендингами: сценарий и структура прорабатываются заранее, обеспечивая прозрачный UX и единый подход для всех типов продуктов.
Разбор на примере лендинга услуги Семейные фотоархивы
Разрозненная структура и неочевидный пользовательский сценарий. UI не отражал премиальное позиционирование услуги и не поддерживал принятие решения.
Контекст
Ранее структура и набор блоков формировались на этапе редакции без предварительно проработанного пользовательского сценария.
В пересобранном процессе сценарий и архитектура лендинга закладываются заранее — до начала текстовой и визуальной работы.
В пересобранном процессе сценарий и архитектура лендинга закладываются заранее — до начала текстовой и визуальной работы.
Пересборка процесса работы над лендингами
Мы отказались от универсальной структуры лендингов
и перешли к сценарному подходу — в зависимости от задачи
и сегмента:
Для этого был сформулирован единый бриф и чёткий флоу работы с распределением ответственности внутри команды. Процесс был зафиксирован и закреплён в Яндекс Трекере,
что позволило сделать работу над лендингами предсказуемой
и масштабируемой.
Дизайн перестал быть финальным этапом — ключевые решения стали приниматься раньше, чем появлялись макеты.
и перешли к сценарному подходу — в зависимости от задачи
и сегмента:
Для этого был сформулирован единый бриф и чёткий флоу работы с распределением ответственности внутри команды. Процесс был зафиксирован и закреплён в Яндекс Трекере,
что позволило сделать работу над лендингами предсказуемой
и масштабируемой.
Дизайн перестал быть финальным этапом — ключевые решения стали приниматься раньше, чем появлялись макеты.
Реализация
Варфрейминг (арт-директор+проджект) перед началом текстовой и визуальной работы
UX-дизайн: от непонятного калькулятора
К системе тарифов, которая помогает принимать решения
Продаем ценность сохранения воспоминаний через историю
Демонстрируем продукт внутри
Результат
UI приведён в соответствие с бренд-константами премиального саббренда и офлайн-опытом, усиливая ощущение сервиса и доверие.
После пересборки структуры и пользовательского сценария лендингов снизилось количество некачественных заявок. Нагрузка на менеджеров сократилась на 44% за счёт более осознанного входа пользователей в воронку.