Habit tracker – Trackly

Дизайн и девелопмент iOS-приложения

Trackly — мой второй iOS-проект. После первого релиза я уже понимал процесс. Поэтому решил усложнить задачу. Больше логики. Больше сценариев. Больше аккуратности.

Цель была простой. Сделать удобный трекер привычек без перегруза. Чтобы приложение не уставляло и не требовало внимания каждый раз.

Отдельно сфокусировался на онбординге. В прошлом проекте стало ясно: если отложить его на потом — он заберёт половину времени и сил.

12 дней

от идеи до App Store

Идея и вайрфреймы

Юзер флоу и архитектура

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

В течение дня

Я хочу видеть привычки и быстро отмечать выполнение. Чтобы не держать всё в голове.

Быстро добавить привычку

Я хочу добавить привычку за пару секунд. Выбрать готовую или создать свою. И сразу начать.

Смотреть прогресс

Я хочу видеть день, неделю и месяц. Чтобы понимать регулярность, а не надеяться на ощущения.

Девелопмент

Создание приложения в Xcode

В этот раз начал с логики. Продумал состояния экранов и сценарии. Только потом пошёл в дизайн и код. Архитектуру собирал сам, не перекладывая всё на ИИ. За счёт этого в Xcode стало заметно спокойнее, чем в первом проекте.

Прототип

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

Промежуточный UI

Собрал реалистичные экраны и проверил сценарии. Стало видно, что можно упростить и где не хватает акцентов.

Рабочая версия

Определился с периодами и данными. Добавил страницу деталей и визуальные маркеры. Состояние читается с первого взгляда.

Реклама App Store

Проработка рекламы

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

Поиск направления

Без шока от референсов. Спокойно перебрал варианты. От слишком нейтральных до откровенно лишних.

Цвет

Синий оказался холодным. Зелёный — слишком про здоровье. Розовый дал нужную эмоцию и запоминаемость.

TestFlight

Усилил ключевые элементы. Убрал лишнее. Отправил сборку в TestFlight и проверил в реальном использовании.

Онбординг

Онбординг как точка роста

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

Убеждение

Маркетолог помог посмотреть на онбординг иначе. Не как список фич, а как точку продажи ценности.

Видео

Отдельно продумал, где нужны видео, а где достаточно нативных решений. В итоге остался в Xcode — так надёжнее.

Анимация

Сделал анимации на базовых знаниях Swift. Даже без них онбординг работает — текст и структура держат.

Выводы

Логика и сценарии на старте экономят время
Маркетинг влияет на продукт сильнее, чем кажется
Онбординг — мощная точка роста

Другие проекты

Money tracker – Fynza

Мой первый iOS-проект: дизайн, разработка и релиз в App Store вместе с маркетологом.

Смотреть

Monitoring — UAP

Мониторинг для АЭС — это не про интерфейс, а про понимание состояния системы. Проект включал переработку логики, визуализацию 3D-хранилищ и синхронизацию сложных сценариев.

Смотреть

Smart Balancing — Flex 4

Кросс-платформенное приложение для мониторинга и настройки инженерного оборудования.

Смотреть