Habit tracker – Trackly

Проектирование и релиз сфокусированного iOS-трекера

Trackly — компактный iOS-продукт, но дизайн-задача здесь всё равно про дисциплину: выбрать основной сценарий, убрать лишнее и сделать ежедневное использование легким.

Я спроектировал флоу привычек, состояния прогресса, онбординг, визуальное направление и SwiftUI-реализацию, чтобы быстро довести продукт от идеи до App Store.

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

12 дней

от идеи до App Store

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

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

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

В течение дня

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

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

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

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

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

Девелопмент

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

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

Прототип

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

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

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

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

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

Реклама App Store

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

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

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

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

Цвет

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

TestFlight

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

Онбординг

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

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

Убеждение

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

Видео

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

Анимация

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

Выводы

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

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

Part Production Cell — MES & OEE

OpenPLC, Ignition Perspective и SQLite: порядок в событиях, KPI и причинах простоев.

Смотреть кейс

Conveyor Sorting

OpenPLC и Ignition: ladder-логика, Structured Text state machine, обратная связь датчиков и проверяемые циклы.

Смотреть кейс

Monitoring — UPL

Enterprise-мониторинг для АЭС: состояния системы, инженерные ограничения и 3D-логика хранилищ.

Смотреть