Money tracker

Money tracker – Fynza

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

Проект делали вместе с маркетологом. Взяли популярную нишу. Разобрали конкурентов. Собрали своё. И сильно упростили путь пользователя.

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

Чтобы картинка была полной, я сделал всё сам. Брендинг. Материалы для App Store. И онбординг с оплатой.

7 дней

от идеи до App Store

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

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

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

Главная

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

Добавить

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

Сводки и графики

Хочу периодически смотреть сводки. Хочу видеть структуру трат. Чтобы понимать динамику и не гадать на ощущениях.

Девелопмент

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

Собрал каркас в Xcode и разложил структуру по экранам. Писал на Swift и подключал помощь через Cursor. Быстро понял, что “ИИ всё сделает” — не работает. Пришлось разобраться и в SwiftUI, и в UIKit. Потом долго наводил порядок и исправлял.

Первые прототипы

Сначала решил довериться ИИ. Хотел собрать быстро и без боли. Спойлер: боль всё равно пришла.

Мучения

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

Возвращение к базовому сценарию

После экспериментов вернулся к исходной идее. Аккуратно сверстал руками. К тому моменту уже понимал синтаксис. И знал, где искать и что править.

Реклама App Store

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

Этот этап я сначала недооценил. А потом понял простую вещь: без упаковки приложение просто не увидят. Смотрел конкурентов. Как они формулируют пользу. Какие скрины ставят. Что выносят в первые секунды. Много обсуждали с маркетологом, как именно продавать.

Рефы

Первый шок был сильный. Некоторые референсы выглядели как скам. Но это тоже часть рынка.

Предварительные

Пробовал совместить агрессивные приёмы и свой контент. Было непривычно. Я привык к «воздуху» и спокойным цветам.

Наконец-то закончил

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

Иконка

Идея простая: доллар и сканер. Сделал аккуратно и с правильными пропорциями. Под светлую и тёмную тему. На рабочем столе смотрится хорошо.

Онбординг

Обосновать покупку

Если человек уже скачал — важно не потерять момент. Сделал короткий онбординг из трёх экранов. Дальше — paywall. Закрыл приложение и добавил первый расход — снова paywall. Да, это тренд. И да, работает.

Каркас

Чтобы не страдать с темами и переводами, сделал универсальный каркас. Он переживает любую длину текста.

Xcode

Сначала собрал один каркас. Контент подставлял из кода на статичных данных. Так быстрее проверять логику.

Итог

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

Выводы

Сначала логика и экраны. Потом красивые пиксели.
План сборки в Xcode нужен заранее. Иначе будет квест.
Маркетинг и онбординг съедают время. Это нормально.

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

Habit tracker – Trackly

Второй iOS-проект. Простой трекер привычек без перегруза и лишних функций.

Смотреть

Monitoring — UAP

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

Смотреть

Smart Balancing — Flex 4

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

Смотреть