Как дизайнер своё приложение навайбкодил

История о том, как одинокий UX/UI-дизайнер сделал Flutter приложение, прошёл огонь, воду, Drag’n Drop — и вышел в релиз.

Этот рынок приложений боится меня. Я видел его истинное лицо: приложения-комбайны, экраны-свалки из кнопок, чекбоксов, календарей, виджетов и «умных» фич.

И когда сторы окончательно забьются гига-мега-чад-аппами с миллиардом «нужных» функций, когда пользователи, тонущие в пушах, баннерах, геймификации и когнитивном шуме интерфейсов, поднимут взгляд и спросят: «А можно просто список дел?», а маркетологи скажут: «Эх ретрограды. Вот — будущее. Привыкайте и наслаждайтесь», я посмотрю на них и отвечу: «НЕТ».

Приветствую. Меня зовут Иван.Днём я обычный Head of Design в крупной компании: распределяю нагрузку команды, планирую занятость, отвечаю за стандарты, методологию и процессы, рисую интерфейсы, провожу исследования и всеми силами пытаюсь вывести корпоративный UX/UI на максимальный уровень.

Но по ночам, я надеваю трико, открываю Cursor, Codex и ChatGPT, чтобы реализовать давнюю мечту — сделать собственное идеальное приложение.

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

Но как быть если из навыков у меня была только база в UX/UI и базовое понимание HTML/CSS? Казалось: без команды это просто неподъёмно. Я нашёл разработчика на Flutter и менеджера, готового помочь организационно. Договорились на процент с будущих доходов. Все вдохновились и загорелись, это было похоже на начало маленького стартапа.

Идея была простой: минималистичный таск-трекер на каждый день, свободный от мусора и «передоза фичами». Основным аналогом/референсом я выбрал Any.do — давно им пользовался и точно понимал, что там хорошо, а что хотелось бы сделать иначе.

Чтобы зафиксировать позиционирование, я оформил для себя короткий манифест:

Когда макеты и сценарии были готовы, я передал всё команде… и стал ждать.

Неделя.Вторая.Третья.Месяц.

Прогресс — ноль.

Так я усвоил первый урок: работа за процент никому не интересна. Моя мечта — это только моя мечта.

Хип-хоп погромче и поехали. Я понял: если хочу, чтобы приложение существовало — придётся делать его самому. Но как?

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

Второе — лоу-код. Я перебрал платформы и остановился на FlutterFlow: интерфейс приятный, логика с нодами понятная, а самое главное — Flutter идеален для кроссплатформенности. Казалось, что выбор сделан.

И сначала всё шло отлично. Я учился быстро, делал прототипы, смотрел гайды. Пока не наступил он — Drag’n Drop.

После сотой попытки реализовать плавный DnD стало понятно:я упёрся в потолок FlutterFlow. Гайдов нет, документация поверхностная, тикет мой в их дискорд канале мёртв. Это был конец плана Б.

Я решил идти ва-банк и купил курс по Flutter/Dart на Udemy. И выяснил вторую истину: Учить теорию — адски скучно. Учиться нужно на практике.

Но даже начав писать что-то вручную, я понимал, что это будет слишком долго. И тут снова всплыла история о Cursor — IDE с интегрированным ИИ.

Скачал. Открыл.И через 20 минут у меня уже был первый движущийся прототип.

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

Но остались самые сложные блоки:

Я выбрал Firebase — максимально простой вход.
Хостинг и веб-деплой заняли около часа.
Google-авторизация — 10 минут.

Но вход без пароля упёрся в загадочную проблему: ссылки из письма не открывались в приложении. Cursor ломал голову, я ломал голову…

И вот тут родился третий урок:

Для разных задач нужны разные инструменты.

Я упаковал проект в ChatGPT Projects — и впервые почувствовал мощь фокусированного анализа. ChatGPT раскопал баги, предложил цепочку исправлений, объяснил причину, и спустя 2–3 дня варианты заработали.

Гладкий DnD был главной фичей приложения — и главным адом разработки.

Cursor выдавал либо слишком грубые решения, либо корявые аналоги FlutterFlow.

Я полез в исследования и обнаружил четвёртый урок:

Сторонние библиотеки — это балдёж. Писать DnD вручную можно до старости.

Я наткнулся на ImplicitlyAnimatedReorderableList — и понял: вот оно.Гладко, стабильно, красиво, идеально. Пара часов доработок — и DnD заработал именно так, как я мечтал.

Дальше я несколько месяцев доводил приложение: тёмная/светлая тема, онбординг, статистика, поведение для edge-кейсов, оптимизации анимаций. Работал по вечерам и ночам.

Параллельно появился Codex. В интернете ругали, но я попробовал — и удивился: в ряде задач Codex давал точные решения быстрее, чем Cursor.

Так сформировался мой идеальный пайплайн:

Точность решения задач — около 80%.Остальное — ручная магия и опыт.

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

Это не просто таск-трекер. Это — проект-инициация, переход на новый уровень самостоятельности и технологического мышления.

Я не знаю, станет ли приложение популярным. Но я точно знаю: я сделал то, что год назад считал невозможным. И если кто-то после этой истории тоже попробует реализовать свою идею — значит, эта статья писалась не зря.

Буду рад вашему фидбеку, комментариям и предложениям по улучшению CognifyTasks.

Приложение в Google Play:
https://play.google.com/store/apps/details?id=com.cognify.tasks

Сайт:
https://cognify-tasks.com/

Web-версия:
https://cognify-tasks.app/

Телеграм-канал с новостями и фидбеком:
https://t.me/cognifytasks