re:Kassa paywall
Category:
Motion Graphics
Client:
Cityscape
The Challenge
Flow Create needed a digital platform that communicated effortless creativity and movement. The challenge was to design a system that conveyed energy and flow while maintaining simplicity and ease of use.
The Solution
We introduced a fluid design language centered around organic shapes, continuous animations, and minimalist typography. The interface encouraged exploration, while subtle transitions added a sense of motion and continuity throughout the experience.
The Result
The launch of Flow Create drew strong engagement from users who praised its intuitive flow and visual elegance. It became a case study for integrating animation and simplicity in modern digital design.
Спойлер: Влияние на метрики
Проблема
На этапе выбора способа оплаты обнаружилось «бутылочное горлышко» — значительное снижение конверсии с шага выбора оплаты до фактической оплаты. За месяц в Яндекс Метрике мы увидели, что провал конверсии на этом шаге составляет 80.27% (если выражаем разницу как процент от конверсии на этапе).
Исследование и анализ
Сформулировал процесс работы. Первым делом отскринил CJM проблемного сценария, зашел посмотреть отчеты в яндекс метрике, посмотрел и отскринил карту кликов, посмотрел вебвизор.
Ревью, CJM, HeatMap
Выводы ревью экрана:
На мобильной версии приходится скроллить до этапа реги/покупки.
Кнопки для авторизации через OpenAuth-сервисы (Google и VK) расположены ниже основной кнопки продолжения и могут остаться незамеченными, что снижает удобство выбора авторизации. Кнопка VK задисейблена, что вызывает дополнительные вопросы
Текст кнопки «Продолжить» не отражает следующий шаг, что может создавать неопределенность для пользователей, не зная, что их ожидает при нажатии
Опция «Карты российских банков» выглядит слишком обобщенно без иконок карт (Visa, MasterCard, МИР), что может снизить доверие и привлекательность выбора способа оплаты
Способ оплаты всего один
CJM (старый сценарий)
Первым шагом был составлен CJM проблемного сценария для мобильной и десктопной версий.
IF CaseStudy Flow покупки
Комментарии прикреплены к каждому экрану стикером
HeatMap
▼ Mobile Version
