Как я на Low-code + AI собрал и опубликовал приложение 📱 Интро. Я не программист, когда-то проходил курс html-академии по html/css и несколько занятий по php, пару часов смотрел уроки по Dart. Я достаточно неплохо понимаю готовый код, но сам не напишу ни строчки.
1️⃣ Идея Когда я делал скриншоты для онбординга в Quilt, мне нужно было сделать акцент на иконке лайка. Обычно это легко делалось в редактировании скрина в айфоне, выбираешь элемент "Лупа" и рождается красота. Я зашел в этот раздел и Лупу не нашел. Загуглил, оказалось, что не нашло её очень много людей, потому что после обновления до iOS 17, Apple фичу убрали.
2️⃣ Ресерч -> Во-первых, инструмента, позволяющего сделать подобный эффект, просто нет. Либо какие-то сайты родом из web1.0, либо редакторы типа Canva, где нужно танцевать с бубном, вырезая кружочки и наслаивая элементы друг на друга. Кстати, нужного эффекта для онбординга я таки добился в Канве, но процесс очень не понравился.
-> Во-вторых, проблема у пользователей явно есть. Я не фанат кастдева, да и не силен в нем, поэтому в маникюрные салоны с вопросом "А как вы теперь делаете красивые фоточки для инсты?", не ходил. Я использовал следующие инструменты:
- Wordstat и Google Keyword Planner — тысячи запросов на разных языках в стиле "Эффект лупы на фото".
- Reddit, VK и другие соцсети/форумы — множество веток с большим количеством просмотров.
- TikTok и YouTube — много видео-инструкций как сделать такой эффект, у большинства по 300к+ просмотров. Отсюда же узнаем, что для видео такую потребность успешно решает CapCut.
В целом, этой информации мне хватило для принятия решения, делать MVP или нет.
3️⃣ Разработка В стартапах сейчас большой популярностью пользуется Webflow для создания MVP, лендингов и т.д. Для приложений есть похожий low-code инструмент — FlutterFlow (рефералочка). Я взял его за основу приложения, т.к. там из коробки закрывается очень большая часть разработки — подключение аналитики, подписок и даже деплоя в сторы. Большую часть интерфейса можно собирать просто из UI-элементов, что я и сделал.
Но если нужно сделать что-то нестандартное, конструктора уже не хватает, и код нужно добавлять самостоятельно. Тут на помощь и пришёл ChatGPT🧠.
В качестве промта я дал информацию о среде разработки (FlutterFlow), получаемых параметрах, проекте в целом и т.д., попросил сделать самую базовую функциональность — на загруженном фото добавить кружок-лупу, который можно двигать. И всё сработало! Дальше я просил добавить к этому по одной фиче, каждый раз сохраняя финальную версию и тестируя всю функциональность целиком.
🥵 Самой сложной задачей было добавить функцию сохранения фото, на это пришлось потратить больше времени. Были моменты, когда ChatGPT галлюцинировал, приходилось самому искать решение и знакомить его с документацией, ветками обсуждений GitHub и Stack Overflow.
Итоговую версию также закинул в GPT на ревью, чтобы лишний раз проверить код.
4️⃣ Публикация Аккаунт разработчика Apple и Google Play у меня уже был (процесс регистрации/оплаты просто ад отдельная боль). Нужно было только собрать скриншоты 📱, попросить GPT сгенерировать и отредактировать описание.
Локализацию 🇺🇸 на 15+ языков местами тоже через GPT делал, т.к. он лучше Google Переводчика понимает, как должны называться элементы интерфейса на разных языках.
Была пара реджектов, связанных с неправильным оформлением запроса разрешения на доступ к библиотеке фото и рекламному идентификатору, но в целом публикация прошла безболезненно.
🎯 Итог Пара недель в расслабленном режиме и вуаля, приложение уже в сторе (Play Market пока в процессе). Затраты: ⏳Время. 💰$20 на GPT, God save AI. 💰$20 на FlutterFlow.
Что дальше? Как и с любым продуктом — поиск пользователей. Тут ничего нового: закупка рекламы, аутрич, ASO и SEO, бесплатные каналы типа YouTube, TikTok и т.д. Обязательно буду рассказывать в будущих постах.
PS. Надеюсь, если у вас есть нереализованные идеи продуктов, этот рассказ вдохновит на создание. Теперь ты сам себе команда, можно сделать что угодно в одиночку, ну хотя бы MVP.
