Контекст

Lovely — приложение для знакомств с уже ощутимой по объёму аудиторией. Клиент обратился ко мне за полным редизайном продукта (интерфейс, айдентика) в момент, когда сервис начал стремительно набирать обороты и расти ежедневно. Для такого амбициозного проекта потребовалась небольшая команда дизайнеров — в одиночку осилить проект таких масштабов проблематично. Роль в данном кейсе: ведущий дизайнер. Текущий статус проекта: финализация макетов, наружной рекламы и параллельная работа с разработчиками.

Основные задачи

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

• Новая визуальная идентичность, фирменный стиль и маркетинговый подход

• Полный редизайн приложения, пересмотр его архитектуры

  Общие задачи поставлены с целью:

• Увеличение доли женской аудитории

• Соответствие общей индустрии для конкуренции с главными игроками дейтинга в СНГ

Старт работы

В начале работы вместе с фаундером мы зафиксировали все важные метрики, чтобы при выходе в прод оценить успешность нашей работы. По запросу заказчика, а также для полного погружения в сферу дейтинга, мы провели ряд исследований и аналитики. Часть материалов вы можете посмотреть в Figma-файле.

Функциональный анализ конкурентов

На этом этапе хотел бы выделить конкурентный анализ по функциям: так как нам предстояло пересмотреть всю логику и внутреннюю составляющую приложения, от нас ждали новых предложений по функциям и фичам, этот этап аналитики оказался очень полезным.

Таблица в хорошем качестве в Figma. Также полный флоу приложений-конкурентов в Figma

Прототипирование

После аналитики приступили к прототипированию. Для всех сценариев были отрисованы варфреймы и объединены в интерактивные прототипы.

Смотреть в хорошем качестве в Figma

Решения для удобства юзеров

Покажу несколько интересных решений, нацеленных на улучшение пользовательского опыта:

Выбор хобби

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

Мы продумали более лёгкую и лаконичную страницу выбора интересов. Все табы разбиты на категории в виде раскрывающихся списков. В каждой категории изначально отображается до шести самых популярных табов, а если пользователь не находит нужное — нажимает «Показать ещё». В верхней части страницы закреплён блок, дублирующий все уже выбранные интересы: так пользователь может отменить выбор максимально быстро, не тратя время на повторный поиск нужного таба.

Сценарий после мэтча

После мэтча приложения предлагают написать первое сообщение будущему партнёру. Однако сценарий, который происходит после отправки, не один. В одном случае сервис сразу после отправки сообщения возвращает пользователя на главный экран, в другом — переносит в диалог с собеседником, чтобы продолжить общение. Статистически оба варианта ± одинаково популярны у конкурентов.

Чтобы понять, какой вариант будет удобнее для пользователей, необходимо сначала отследить и собрать метрики: отправляют ли пользователи второе сообщение сразу после мэтча или сразу возвращаются к просмотру анкет. Поэтому мы отрисовали оба сценария, чтобы в дальнейшем, в зависимости от полученных метрик, применить наиболее подходящий.

Решения для бизнеса

Само собой, сразу старались применять решения, которые положительно скажутся на доход бизнеса. Рассмотрим некоторые:

CTA в фильтрах

В приложении, в окне фильтров показываемых анкет, размещён призыв оформить подписку. В изначальной отрисовке описание и ссылка на покупку практически не привлекали внимания: да, использовался акцентный цвет, но из-за большого количества фиолетового в данном поп-апе он воспринимался скорее как базовый, особенно в контексте рекламного предложения. Поэтому было принято решение сделать чуть более «инородный» баннер, но при этом все также в рамках общей стилистики продукта.

Контекстно напоминаем о платной функции

В сервисе предусмотрена возможность вернуться к предыдущей анкете, если пользователь случайно её пропустил. Однако эта функция доступна только по премиум-подписке. Когда пользователь пропускает анкету человека, который поставил ему «лайк», приложение аккуратно сообщает об этом и с помощью анимации подсвечивает кнопку «Прошлая анкета», чтобы пользователь мог ответить взаимностью.

Влияние на визуал

Несмотря на то, что в данном проекте моя роль, как у ведущего дизайнера, была во много менеджерская, я принимал непосредственное участие в отрисовке макетов: рисовал макеты своими руками вместе с командой. На примере нескольких экранов покажу свое влияние.

Айдентика

Так как это не мой основной стек работы, процессу создания новой айдентики в данном кейсе уделено меньше внимания. При этом этот этап также включает в себя значительный объём работы. Для его реализации были привлечены опытные графические дизайнеры, а также эксперт по леттерингу Анна Суворова. Я активно участвовал в построении ассоциаций и генерации эмоциональных связей для визуальной идентичности продукта.

Варианты логотипа

Маскоты

Вместо вывода

Сейчас моя команда финализирует оставшиеся секции мобильного приложения и наружную рекламу. Мы уже тесно коммуницируем с разработчиками: как только секция согласуется, она сразу отправляется в разработку. Полный выход в прод ожидается в ближайшее время.

Смотреть все финальные макеты и процесс в Figma