Лендинг мобильного приложения без кода: как собрать

Опишите, что делает приложение, кому оно нужно и куда ведут кнопки, и генератор соберёт страницу целиком. Лендинг мобильного приложения это одностраничная сборка: она стоит 6 кредитов и занимает примерно минуту, а дальше идут короткие правки по 3 кредита и публикация на адрес вида nazvanie.zugo.run.

Задача у такой страницы узкая: довести человека до кнопки установки или до формы ожидания. Всё, что этому не помогает, лишнее. Ниже разберём блоки, промпт, работу со скриншотами и то, чего лендинг не сделает.

Какие блоки нужны лендингу приложения?

Шесть, и почти всегда в этом порядке. Посетитель приходит с телефона, решает за несколько секунд и почти никогда не листает до конца.

Правило простое: если блок не приближает к установке, он лишний. Длинная история основателя и раздел новостей на лендинге приложения работают против конверсии.

Что писать в промпте?

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

Лендинг мобильного приложения для трекинга привычек.
Аудитория: люди 25-40, которые бросают привычки на второй неделе.
Первый экран: одна фраза о пользе, кнопки App Store и Google Play,
один скриншот главного экрана под наклоном.
Блоки: три проблемы и как приложение их решает; четыре скриншота
с подписями (список привычек, серия дней, напоминания, статистика);
оценки в сторах; цена: бесплатно с платной подпиской;
частые вопросы; подвал с поддержкой и политикой.
Тёмная тема, крупная типографика, без стоковых фотографий людей.

Две детали здесь делают половину работы. Названная аудитория превращает общий текст в узнаваемый, а перечисленные скриншоты с подписями не дают собрать блок галереи без смысла. Разбор структуры промпта целиком есть в статье как писать промт для AI-билдера.

Как поставить кнопки в App Store и Google Play?

Дайте прямые ссылки на страницы приложения в сторах и скажите, где кнопки должны стоять. Это обычная правка, и стоит она 3 кредита.

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

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

Проверять надо на телефоне, а не в браузере на ноутбуке. Откройте опубликованный адрес с устройства и нажмите обе кнопки: путь до стора должен быть в одно касание.

Откуда взять скриншоты и как их показать?

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

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

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

Сколько это стоит и сколько занимает?

Оплата за действие. Одностраничная сборка стоит 6 кредитов, правка 3, режим Hi-Fi вдвое дороже: сборка 12, правка 6. Многостраничный вариант с отдельными страницами под условия и поддержку стоит 12 кредитов за первые три страницы и по 3 за каждую следующую.

Реалистичный бюджет запуска: сборка плюс десять правок на тексты, скриншоты и кнопки это 36 кредитов. Бесплатный тариф даёт 5 кредитов, чтобы осмотреться. Pro стоит $25 в месяц и даёт 200 кредитов. Business стоит $99 в месяц.

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

Что показывать, пока приложение ещё не вышло?

Страницу ожидания вместо кнопок сторов. Структура почти та же, но целевое действие меняется на сбор почты, а вместо оценок ставится честное «запуск скоро».

Чтобы адреса не уходили в пустоту, подключите Resend: он доставляет письма, и без него форма собирает данные, о которых вы не узнаете. Проверьте свою же форму до того, как начнёте вести на страницу трафик.

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

Как проверить лендинг перед запуском рекламы?

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

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

Отдельно проверьте вес страницы. Четыре несжатых скриншота это самая частая причина, по которой лендинг приложения открывается медленно, а платный трафик уходит раньше, чем появился первый экран. Здесь важен не идеальный результат, а отсутствие явно тяжёлых файлов.

И последнее: покажите страницу человеку, который не знает ваш продукт, и попросите пересказать своими словами, что делает приложение. Если пересказ не совпал с замыслом, дело в первой фразе, а не в дизайне, и правится это одним предложением.

Где граница: чего лендинг не сделает?

Четыре вещи стоит назвать прямо.

Он не соберёт само приложение. Zugo делает сайты, веб-приложения и 2D-игры в браузере. Нативное приложение для сторов это отдельная разработка, а лендинг это его витрина.

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

Очень специфичные интерактивные демо требуют правок. Живое встроенное демо продукта или сложная анимация собираются серией коротких итераций, а не одним описанием.

Сложный продукт требует команды. Когда вокруг лендинга вырастает личный кабинет, биллинг и интеграции, Zugo не заменяет разработку. Проект при этом остаётся вашим: код выгружается в GitHub, база живёт в Supabase, хостинг переносится на ваш Vercel. Как устроена выгрузка, разобрано в материале экспорт приложения в GitHub.

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

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