Product Design

2025

Moodiary

Moodiary

Приложение для отслеживания настроения и заботы о себе

О проекте

О проекте

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

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

Задача

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

Роль

Я выступала единственным дизайнером проекта и отвечала за полный цикл UX/UI-дизайна: от анализа и проработки пользовательских сценариев до разработки визуальной концепции, двух тем оформления и подготовки макетов iOS и Android к передаче в разработку.

Я выступала единственным дизайнером проекта и отвечала за полный цикл UX/UI-дизайна: от анализа и проработки пользовательских сценариев до разработки визуальной концепции, двух тем оформления и подготовки макетов iOS и Android к передаче в разработку.

Этап 1: Исследования

Этап 1: Исследования

Анализ конкурентов

Анализ конкурентов

Перед началом проектирования я изучила несколько приложений в категории mood tracking и emotional wellness:

  • DailyBean

  • Stoic

  • Daylio

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

Что удалось выявить:

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

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

  • Ограничения бесплатного использования. Значительная часть функций в некоторых продуктах была доступна только по платной подписке.

  • Устаревшие визуальные решения. В отдельных интерфейсах было сложно быстро сориентироваться и понять структуру приложения.

Что удалось выявить:

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

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

  • Ограничения бесплатного использования. Значительная часть функций в некоторых продуктах была доступна только по платной подписке.

  • Устаревшие визуальные решения. В отдельных интерфейсах было сложно быстро сориентироваться и понять структуру приложения.

Вывод

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

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

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

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

Этап 2: Информационная архитектура и User Flow

Этап 2: Информационная архитектура и User Flow

Работу над структурой я начала с разработки информационной архитектуры, после чего перешла к построению User Flow и созданию интерактивного прототипа с низкой детализацией (Low-fidelity).

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

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

Этап 3: Визуальная концепция

Этап 3: Визуальная концепция

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

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

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

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

Маскот

Маскот

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

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

Маскот поддерживает дружелюбный характер продукта и делает взаимодействие с интерфейсом менее формальным.

Этап 4: Сценарии

Этап 4: Сценарии

Дневник настроения

Дневник настроения

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

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

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

Основные возможности:

  • Быстрая отметка настроения

  • Добавление коротких заметок к записи

  • Просмотр истории записей

  • Редактирование сохранённых записей

  • Отслеживание эмоционального состояния в контексте личных целей

Основные возможности:

  • Быстрая отметка настроения

  • Добавление коротких заметок к записи

  • Просмотр истории записей

  • Редактирование сохранённых записей

  • Отслеживание эмоционального состояния в контексте личных целей

Статистика и аналитика

Статистика и аналитика

Раздел аналитики позволяет пользователю увидеть общую картину своего эмоционального состояния и проследить изменения настроения с течением времени.

Отдельное внимание уделено возможности экспорта данных. Пользователь может сформировать отчёт в формате PDF или CSV, чтобы сохранить результаты для себя или поделиться ими со специалистом — например, терапевтом или коучем.

Основные возможности:

  • Просмотр графиков изменения настроения

  • Анализ статистики за разные периоды

  • Отслеживание динамики и повторяющихся паттернов

  • Экспорт отчётов в PDF и CSV

Основные возможности:

  • Просмотр графиков изменения настроения

  • Анализ статистики за разные периоды

  • Отслеживание динамики и повторяющихся паттернов

  • Экспорт отчётов в PDF и CSV

Календарь настроения

Календарь настроения

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

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

В дополнение к календарю предусмотрены еженедельные цели и персонализированные рекомендации. Они помогают поддерживать регулярность ведения дневника, мотивируют продолжать наблюдения и мягко направляют пользователя к более сбалансированному эмоциональному состоянию.

В дополнение к календарю предусмотрены еженедельные цели и персонализированные рекомендации. Они помогают поддерживать регулярность ведения дневника, мотивируют продолжать наблюдения и мягко направляют пользователя к более сбалансированному эмоциональному состоянию.

Основные возможности:

  • Просмотр настроения в недельном и месячном форматах

  • Наглядная история эмоциональных отметок

  • Отслеживание изменений и закономерностей

  • Постановка еженедельных целей

  • Персонализированные рекомендации

Основные возможности:

  • Просмотр настроения в недельном и месячном форматах

  • Наглядная история эмоциональных отметок

  • Отслеживание изменений и закономерностей

  • Постановка еженедельных целей

  • Персонализированные рекомендации

Основные возможности:

  • Просмотр настроения в недельном и месячном форматах

  • Наглядная история эмоциональных отметок

  • Отслеживание изменений и закономерностей

  • Постановка еженедельных целей

  • Персонализированные рекомендации

Заключение

Заключение

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

Главный вызов

Объединить функциональность дневника, аналитики и постановки целей в единую систему, сохранив простой интерфейс и дружелюбную визуальную подачу. Дополнительной задачей стала разработка двух визуальных тем для iOS и Android.

Контакты

Контакты

Резюме

Скачать резюме ↗

Почта

Create a free website with Framer, the website builder loved by startups, designers and agencies.