Лендинг для приложения Yumy

Сделала промо-лендинг для мобильного приложения с нуля за 1 час с применением ИИ

[ Лендинг для приложения Yumy ]

Лендинг

Promo

В2С

ИИ

О продукте

Задача

Yumy — концепция мобильного приложения для людей, которые готовят дома. Рынок кулинарных приложений перегружен контентом, но большинство из них решают только одну задачу: показать рецепт. Yumy закрывает весь сценарий — от выбора блюда до уверенного завершения готовки. Приложение я спроектировала раньше (отдельный кейс). Здесь задача другая: сделать для него промо-лендинг.

Сделать одностраничный лендинг, который объясняет ценность Yumy и ведёт к одному действию — скачать приложение в App Store.

Мои требования к нему:

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

Отдельная цель — проверить, как быстро и качественно можно собрать рабочий лендинг с помощью ИИ, оставив за собой все дизайн-решения.

Исследование

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

Эти задачи стали каркасом страницы: одна задача — один блок. Главный барьер я видела в сомнении «а мне это вообще подойдёт?». Поэтому добавила блок про разные уровни подготовки и FAQ с типичными возражениями.

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

Как решала

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

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

Страница повторяет путь пользователя. Блоки идут в том же порядке, в каком человек проходит путь в жизни: решил, что готовить → понял, из чего → приготовил → сохранил свой вариант. Заголовок первого экрана задаёт эту рамку одной фразой: «От вопроса „Что бы приготовить?“ до „Приятного аппетита!“».

Сначала снять сомнение «это не для меня». Перед функциями стоит блок с уровнями от новичка до шеф-повара. Человек выбирает свой уровень и видит, чем Yumy полезен именно ему. Новичку важно, что он не ошибётся. Опытному — что он не потеряет удачные находки.

Результат

Рабочий лендинг из восьми блоков. Четыре из них — интерактивные демо ключевых функций. Посетитель пробует фильтры, поиск по продуктам, режим готовки и создание рецепта до того, как скачает приложение.
Визуально лендинг — продолжение приложения. Те же цвета, шрифты, компоненты и тон, поэтому переход со страницы в App Store не ощущается сменой продукта.
Страница готова к публикации: адаптив под десктоп и мобайл, фирменные шрифты у всех пользователей, чистая типографика.
Подтвердила подход. С ИИ можно быстро собрать живой, кликабельный лендинг, если дизайнер держит в руках бриф, структуру и каждое визуальное решение (этот лендинг был готов спустя час после начала работы). ИИ ускоряет вёрстку, но не заменяет работу над смыслом и деталями.

Отчёт об успеваемости в ЛК B2B

ProjectV — аналитика для партнёров

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

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

Проекты

Обо мне

Мария Жулябина · UX/UI Designer