* Название изменено по требованию фаундерки продукта. Настоящее название и ссылки на приложение доступны на собеседованиях

Период

2023 – 2025

Позиция

Ведущий продуктовый дизайнер

О проекте

Science-based приложение с AI, которое помогает людям комфортно жить с их циклом с помощью советов, календаря и логирования месячных.

Cycle-syncing приложение

•

Syncora*

О продукте

Овервью

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

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

Немного фактов и цифр

100+ скачиваний

В App Store и Google Play

100+ интервью...

...а также юзабилити тестов с прекрасными женщинами :)

x1,5%

Во столько увеличилась пользовательская оценка дизайна приложения после редизайна

Полный редизайн
и дизайн система

Всего за 1 месяц

MVP релиз
за 5 месяцев

Тоже в App Store и Google Play :)

Моя роль

Моей задачей было организовать рабочие процессы в команде и структурировать все идеи стейкхолдеров и результаты исследований в концепцию продукта для MVP.

Все это происходило в условиях неопределенности стартапа и постоянных небольших изменений в концепции и планов продукта.

Ключевые челленджи и боли

Фокус на менструации и фертильности

Большинство приложений фокусируются исключительно на месячных и фертильности. Яркий пример больших конкурентов: Flo и Clue.
Женщины же хотят найти в своем цикле суперсилу и научиться жить с ним максимально комфортно. Также женщины хотят получить поддержку и узнать, как справляться со стрессом, а не просто следить за фертильностью.

Челленджи в сегменте b2b

Изначально мы сосредоточились на рынке B2B. Женщины подвержены стрессу и чувствуют себя по-разному в разные фазы цикла. Они нуждаются в поддержке.
Компании стремятся к корпоративным бенефитам для женщин. Женщины хотят быть счастливыми. А мы стремимся изменить корпоративную культуру и показываем, что если знать суперсилы своего цикла, то можно быть супер продуктивной.

Нет персонализации

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

Нет фокуса на cycle-syncing

Во-первых, мы создавали приложение для сегментов A и B: это женщины, которые знают о концепции синхронизации цикла (cycle-syncing) и хотят продолжать жить в соответствии с этой концепцией.

JTBD

Редизайн приложения

Задача

Редизайн был самой первой задачей. Главная цель - отойти от избитой розовой палитры, нежности и сделать дизайн более современным и смелым.
Женщины могут быть разными, яркими, и наша задача - говорить с ними на одном языке. Дизайн также может помочь в этом.

Палитра

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

Стиль

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

Tone of voice

Tone of voice простой, иногда с шутками, но в то же время поддерживающий и заботливый.
Мы как лучшая подруга или старшая сестра, с которыми женщина может обсудить важные темы, посмеяться и погрустить.
Наша цель - обнять словом, позаботиться и дать понять, насколько каждая женщина крутая и сильная.

Умное планирование (задачи, советы, календарь)

Гипотезы

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

Требования и челленджи

Объединить советы с быстрым созданием задач
Сосредоточиться на анализе и замотивировать пользователя сообщать нам больше деталей для получения персонализированных инсайтов
Сосредоточиться на сценариях “задержки месячных” и “отсутствия данных о месячных”.

Инновационное решение

Я изучила все популярные трекеры задач, но ни одно из них не подходило для референса хотя бы немного
Исходя из use cases, внизу я разместила основной боттом шит для создания задачи с разными элементами управления. Все самое важное – рядом с пальцами пользователя
Сверху я разместила еще один блок с теми самыми советами. Блок был адаптивным в зависимости от боттом шита. Давайте назовем это “блок с инсайтами”.

В блоке с инсайтами могут отображаться различные состояния:
Пустое состояние с плейсхолдером, который поможет понять, что здесь происходит :)
Состояние анализа данных
Состояние с инсайтами
Состояние ”Awesome choice"
Состояние со вспомогательным текстом

Трудности в разработке:

Показывать состояния ошибок так, чтобы не запутать пользователя
Хорошо адаптировать блок с инсайтами для всех, даже действительно сложных, состояний

Календарь, синхронизация сервисов
и детали задач

Use cases

Пользовательницы хотят:
грамотно планировать исходя из цикла
синхронизировать syncora с другими популярными приложениями, такими как Google calendar и Apple health, потому что не хотят терять свои данные. Также благодаря этому проще перейти на syncora
быстро и просто управлять своими задачами

Палитра

Календарь стал нашей отправной точкой для создания палитры фаз цикла

Требования и челленджи

Дизайн процесса синхронизации
Объединение множества функций и состояний на одной странице
Улучшение навигации
Расширенная функциональность задач
Множество состояний календаря, например, когда месячные не отмечены или есть задержка

My cycle

Овервью

На этой странице было внесено больше изменений, чем на других. У нас было много гипотез и мы провели очень много итераций.
Хочу рассказать вам об основных use cases, которые были в нашем фокусе все время, и показать две основные итерации страницы, которые мы реализовывали в течение года.
Если кратко, my cycle это вся информация о цикле + чекин состояния

Use cases

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

Аналитика

Овервью

После добавления чекина по настроению и симптомам, конечно же, аналитика напрашивалась сама собой. В том числе потому что она действительно важна для женщин
Я провела исследования, интервью, а также подключила к работе AI, чтобы понять, чего действительно ожидают женщины от аналитики

Процесс

Просмотрела аналитику конкурентов и приложений по трекингу ментального здоровья, а также отзывы в магазинах приложений
Взяла результаты наших интервью, а также подключила chatGPT
Сделала оочень много прототипов, пытаясь собрать в аналитике все самое важное и нужное, а также сделать это удобным для восприятия

Use cases

Исследования, интервью и chatGPT привели меня к таким сценариям:
Мониторинг здоровья и отчеты для врачей – самая важная потребность. Для женщин, которым это правда важно – у которых есть какие-то проблемы/состоят на учете у гинеколога/контролируют заболевание и так далее. 
Что важно в этом сценарии: частота определенного симптома по фазам, в какую фазу был симптом, а также советы для частых симптомов
Профилактика и поиск закономерностей. Для осознанных женщин, которые хотят трекать симптомы и наблюдать, как они себя чувствуют в какую-то из фаз цикла. Что важно: дать понять женщине, что ее ждет и показать паттерны

Решения

Отчеты для врачей (не в этой итерации)
Общая аналитика по циклу
Самые частые симптомы по фазам цикла
Хронология цикла с записью всех симптомов и настроения – именно этот функционал я посчитала самым удобным для просмотра симптомов и для врачей. Конкретно для паттернов есть общая аналитика, которая максимально понятна визуально
Отдельный график настроения с фазами цикла и общей аналитикой частоты определенного настроения

Гормоноскоп? 🔮

Гипотезы

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

Требования и челленджи

Привлечь внимание пользователей к гормоноскопу на самой первой сессии и достичь “вау эффекта”
Разместить научно обоснованную информацию о гормонах и организме
Разработать функцию AI-регенерации советов, если пользовательнице они не понравятся
Создавать короткие и поддерживающие советы – длинные тексты не нужны
Также у нас возникли технические проблемы, когда мы пытались понять, сможем ли мы генерировать данные для будущего, например
Мы решили, что сначала будет только ручной запуск – пользователям нужно нажать на кнопку, чтобы сгенерировать весь гормоноскоп

Решения

Прежде всего, мы рискнули и сделали эту страницу не такой, как другие. Нам нужна была магия! Вот поэтому у страницы свой особый дизайн (который все еще вписывается в основной стиль приложения)
Мы назвали фичу “гормоноскопом”, просто потому, что она похожа на гороскоп “волшебной генерацией “предсказаний”, но рассказываем мы о гормонах и цикле.
На странице можно найти общую информацию и визуализацию гормонов на неделе, а также точечные, короткие и поддерживающие советы в виде классных карточек с анимацией

Мы также создали потрясающую flip карточку, на которой можно увидеть как текст о гормонах, так и график гормонов.
График гормонов стал одним из лучших визуалов всего приложения и не раз собирал комплименты и восторженные отзывы от команды и даже пользователей. Его также сравнили с графиками больших и известных конкурентов, и назвали его самым классным и понятным 🥹
Еще мы внедрили кнопки фидбека прямо в карточки с советами – чтобы делать эти самые советы лучше!

Флоу персонализации

Чтобы сгенерировать гормоноскоп, пользовательнице нужно ответить на некоторые вопросы, чтобы гормоноскоп учитывал все важные личные детали – был максимально персонализированным

Коробка задач

Овервью

Из интервью и исследований мы поняли, что многие пользовательницы заносят свои задачи в заметки. Также в течение года мы увидели, что календарем и задачами в нем (и даже советами) пользуется всего 5% пользовательниц. Поэтому мы решили создать коробку задачу – фичу, которая почти в точности повторяет весь функционал заметок

Процесс и решения

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

Уровень стресса и моментальный фидбек

Овервью

Была гипотеза, что нам необходимо добавить стресс к остальному чекину (помимо настроения и стресса), потому что это более распространенная и понятная вещь, чем настроение
Также с интервью и исследований мы узнали, что часто женщинам хочется теплых слов и поддержки здесь и сейчас, а точнее, реакцию на вводимые данные. Условно, пользовательница отмечает, что у нее высокий уровень стресса и наша задача быстро дать ей какую-то поддерживающую реакцию. Не практичный совет, а именно заботу, любовь, понимание. И возможно объяснить, как на это может в том числе влиять цикл

User cases

Хочется поддержки и заботы в моменте как реакцию на плохое самочувствие
Хочется логировать больше параметров, в том числе стресс – расширенный чекин нужен для девушек, которые на 100% живут по концепции cycle-syncing и фиксируют ментальное состояние

Решение

Добавили несколько уровней стресса, а также причины – на карточке отображаются первые 5-6, но можно выбрать и больше. Частые причины запоминаются
В силу технических ограничений в первой итерации оставили ручную генерацию фидбека, но постарались сделать это максимально мягко, быстро. В конце концов, решалась задача поддержки и заботы. У тебя есть конкретная проблема – мы даем тебе совет и обнимаем словом

👉

ПРИМЕЧАНИЕ

На этом этапе у нас немного менялся визуальный стиль продукта, поэтому карточки отличаются от стиля выше. Конечно, весь остальной продукт тоже адаптировался под новый стиль

Графики, которыми я ну очень горжусь

Как я уже писала выше, я создала график гормонов, который стал одним из лучших визуалов во всем приложении и неоднократно получал комплименты и восторженные отзывы от команды и пользователей. Этот график часто сравнивали с графиками основных известных конкурентов и называли его самым крутым, простым и понятным 🥹

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

Почему я считаю это своим большим достижением? Дело не только в визуале и эстетике. Это про то, что мне удалось представить сложные данные максимально просто и удобно и без потери ценности. Искренне и без скромности считаю это своей супер способностью.

Награда “Вау, я наконец начала понимать графики”

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

Награда “Любовь пользователей”

От тех самых пользователей, которые выражали благодарность за графики

Награда “Фаворит команды”

От моей команды, которая не переставала хвалить эти графики

Еще немного экранов

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

Маркетинговые материалы и иллюстрации

Будучи единственным дизайнером на проекте, я была ответственна в том числе и за маркетинг и за простые иллюстрации и брендинг
Делюсь красотой!