До вмісту
← Портфоліо

Мрій — трекер звичок для iPhone

Трекер звичок і Помодоро для iPhone та сайт mriy.app.

Що зробили
Сайт, Мобільний додаток, Дизайн
Платформи
iOS · Веб
Відкрити сайт App Store
Мрій — трекер звичок для iPhone: логотип і головний екран зі звичками на сьогодні

#проєкт

Сайт · Мобільний додаток · Дизайн

Мрій

mriy.app

#про проєкт

Мрій — трекер звичок і таймер Помодоро для iPhone. Він допомагає будувати корисні звички й позбуватися шкідливих маленькими кроками, а не силою волі. Під гаслом «Твої звички. Твій ритм.» в одному застосунку зібрано звички, фокус, детокс від нікотину й прогрес. Без реєстрації, без сервера і без реклами: усі дані живуть лише на телефоні. Ми в QD зробили Мрій повністю: дизайн, застосунок для iPhone з віджетами і сайт mriy.app.

Задача

Більшість трекерів звичок працюють як календар із хрестиками: пропустив день — серія згоріла, мотивація разом із нею. Люди кидають такі застосунки за тиждень-другий, хоча, за дослідженням University College London, на автоматизацію звички в середньому йде близько 66 днів, а не «магічний 21 день».

Нам потрібен був додаток для звичок, який не карає, а допомагає повертатися. Він мав поєднати звички й Помодоро, працювати без акаунта і без інтернету, а сигнали подавати так, щоб їх помітила й людина, яка не чує звук, — на нараді, в бібліотеці чи в навушниках.

Рішення: трекер звичок за методом BJ Fogg

Рецепт маленької звички

Кожна звичка в Мрій будується за моделлю BJ Fogg (Tiny Habits): якір у дні («Після того як я…»), маленька дія і святкування одразу після неї. Метод пояснено прямо в застосунку, а після виконання з'являється тост «Відсвяткуй». Корисні звички мають серії, а анти-звички показують велике число «днів без зриву».

Гнучкий розклад і кількість

Розклад — щодня, у вибрані дні тижня, N разів на тиждень, певні числа місяця або окремі дати, з періодом дії. Звичку можна рахувати кількістю: ціль на день, одиниця і крок, наприклад «2000 мл, +250». Нагадування — кілька разів на день або «кожні N годин», а кнопки «Відмітити» і «Відкласти на 15 хв» працюють прямо в сповіщенні.

Серії без тиску

Головний екран — свайп вправо, і звичку виконано; свайп вліво — пропущено. До двох пропусків на місяць не ламають серію, режим відпустки зупиняє нагадування, архів ховає звичку, але зберігає історію. «Фокус дня» виносить нагору до трьох головних звичок.

Детокс від нікотину

Для відмови від куріння є окремий модуль: час без цигарок, зекономлені гроші, етапи відновлення організму. Кнопка «Тягне закурити» запускає 3-хвилинне дихання «квадратом» з колом, текстом і вібрацією на кожну фазу — щоб пережити хвилю тяги.

Помодоро з тихими сигналами

Таймер Помодоро в Мрій — це фокус, коротка й довга перерви, раунди, автостарт і ціль на день, а ще статистика за 7 днів і найпродуктивніша година. Головне — сигнали без звуку:

  • Live Activity — відлік на екрані блокування і в Dynamic Island;
  • різна вібрація для фокусу й перерви — фазу розрізняєш на дотик;
  • спалах екрана і банер при зміні фази;
  • жовте попередження за хвилину до кінця фокусу;
  • колір фону за фазою і режим «не гасити екран».

Для людей, які не чують звук, банер і вібрація — єдиний надійний сигнал. Тому ми зробили їх основою, а не доповненням.

Прогрес і аналітика

Тап по картці «Сьогодні» відкриває календар активності за місяць, поруч — теплова карта за рік і серії. Щонеділі приходить тижневий звіт: найкраща звичка, найслабший день тижня і зв'язки між звичками. Досягнення святкуються конфеті, а підсумок місяця чи року можна надіслати картинкою.

Віджети на iPhone

Віджет «Звички на сьогодні» з галочками дозволяє відмічати звички, не відкриваючи застосунок, — на екрані «Додому» і на екрані блокування. Віджет Помодоро показує таймер. Обидва синхронізуються з застосунком через App Group.

Приватність і технології

Мрій написаний на Swift і SwiftUI з WidgetKit, ActivityKit і App Intents — без сторонніх бібліотек. Дані зберігаються лише на пристрої в SwiftData, з обережною міграцією і резервною копією старих даних. Є блокування через Face ID чи Touch ID, експорт і відновлення у файл JSON, онбординг, довідка на 25 питань і 6 мов інтерфейсу: українська, англійська, іспанська, італійська, німецька, французька. На iOS 26 інтерфейс отримує ефект Liquid Glass. Ключову логіку Помодоро і звичок покривають юніт-тести.

Сайт mriy.app

Сайт продовжує стиль застосунку: чорне тло, неоновий зелений #00FF85 і фірмовий рожевий #FF0099, моноширинний шрифт і сітка, як на кресленні. Перший екран одразу каже, що це трекер звичок та Помодоро для iPhone, далі — вісім можливостей, «тихі сигнали», маніфест про 66 днів, приватність і FAQ. Під пошук сайт підготовлено повністю: мета-теги й Open Graph, розмітка JSON-LD для застосунку і FAQ, sitemap, банер App Store в Safari, сторінки політики конфіденційності й підтримки проєкту.

Результат

  • трекер звичок для iPhone (iOS 18.6 і новіші) з віджетами й Live Activity;
  • Помодоро, яке можна «почути» без звуку;
  • 0 акаунтів, 0 серверів, 0 реклами — дані лише на пристрої;
  • 6 мов інтерфейсу;
  • сайт-вітрина mriy.app з SEO-розміткою; Android-версія — у планах.

Мрій — приклад того, як ми в QD думаємо про продукт: спершу людина та її ритм, потім функції. Хочете свій застосунок чи сайт? Розкажіть про ідею або подивіться, як ми робимо мобільні застосунки.

#екрани застосунку

Натисніть — екран відкриється повністю.

01Головний екран: звички на сьогодні, прогрес дня і серії
02Помодоро: таймер фокусу і статистика за 7 днів
03Прогрес: стрік днів, звички і Помодоро
04Календар активності за місяць
05Тижневий звіт: найкраща звичка, порада і зв'язки між звичками
06Підсумок місяця картинкою — можна надіслати друзям
07Досягнення: серії, виконання і цикли Помодоро
08Шаблони звичок за категоріями
09Світла тема головного екрана

#екрани сайту

Наведіть — сторінка прогорнеться. Натисніть — відкриється повністю.

01Сайт mriy.app — трекер звичок та Помодоро для iPhone

Інші проєкти

Логотип UASLT — відбиток пальця на графітовому тлі

UASLT Сайт і брендинг для асоціації перекладачів жестової мови: реєстр перекладачів з пошуком і картками з QR-кодом. uaslt.org

Логотип Sparklingman — рожевий їжак на чорному тлі

Sparklingman Логотип і сайт зі своїм движком та адмінкою для художника й вебдизайнера Анатолія Куралова. sparklingman.com

Лексіс — додаток для вивчення англійських слів: логотип і картка зі словом на iPhone

Лексіс Додаток для вивчення 5 000 англійських слів на iPhone, логотип і сайт lexis.qd.ua. lexis.qd.ua

FC MILAN

FC MILAN Розробка вебсайту та брендингу для миколаївського футбольного клубу. fc-milan.com

#ваш проєкт

Хочете схожий результат?

Наша команда завжди готова працювати з цікавими та амбітними клієнтами. Залиште заявку — відповімо найближчим часом з питаннями, термінами й орієнтовною вартістю.

hi@qd.ua Telegram @sparklingman