Лендинг бота для продавцов Wildberries: бесплатная расшифровка отчёта

Лендинг для бота в Телеграме, который бесплатно расшифровывает финансовый отчёт Wildberries. Продавец загружает в бота два отчёта из личного кабинета и получает готовую таблицу с прибылью, расходами на хранение и рекламу. Мы нарисовали страницу, которая объясняет это за минуту и ведёт человека в бота, а потом сверстали её на WordPress для компьютера, планшета и телефона. Работа шла с октября по декабрь 2023 года.

Кто клиент и что за бот

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

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

Что нужно было сделать

Задачу в нашей системе поставили 4 октября 2023 года. Заказчик попросил страницу, где человек узнает о боте и сразу заходит в него по ссылке. Требования были такие:

• главное предложение: «Бесплатная расшифровка отчёта Wildberries»;
• скриншоты и графики из самого отчёта, чтобы человек видел результат до того, как зайдёт в бота;
• пять шагов: что нажать и что загрузить;
• таблица с тарифами сразу в первой версии;
• основные боли продавцов взять из статьи на vc.ru про аналитику продаж на Wildberries.

Как устроена страница

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

1. Первый экран. Крупное предложение «Бесплатная расшифровка отчёта Wildberries», под ним мысль «Кто считает прибыль, тот и победит в конкуренции на Wildberries». Справа ссылка на бота и кнопка «Перейти к боту».
2. Преимущества. Ноутбук с кусочком готового отчёта и три короткие причины попробовать: бесплатный пробный период, экономия времени, понятные финансы.
3. Какие данные нужны. Два значка-карточки: финансовый отчёт и аналитика по карточкам. Тут же цифры самого сервиса.
4. Как работает бот. Пять шагов слева, а справа телефон с настоящим окном бота. Под шагами кнопка «Скачать инструкцию».
5. Тарифы. Три карточки: 14 дней бесплатно, месяц и три месяца.
6. Что нужно заполнить. Себестоимость, хранение, реклама, и кнопка «Скачать пример».
7. Повторный призыв. Блок «Заинтересованы в бесплатной расшифровке?» с адресом бота и кнопкой.
8. Почему это полезно. Две плитки: прозрачность расходов и оптимизация. Текст про то, что по хранению и рекламе в кабинете видна только общая сумма, а по каждому артикулу нет.
9. Примеры расшифровок. Слайдер со снимками готовых отчётов.

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

Как страница менялась по ходу работы

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

• 6 октября. Первая версия в Figma. Дизайнер предложил вставить в мокап телефона анимацию переписки с ботом или запись экрана. Пока бота не было, место оставили под снимок.
• 9 октября. Заказчик прислал мысли для страницы: «Кто считает прибыль, тот и победит» и два пути помощи, прозрачность и оптимизацию. Первую мысль подняли на первый экран, остальные стали отдельным блоком.
• 10 октября. Нарисована адаптация под телефон и средние разрешения.
• 12–13 октября. Добавили инструкцию для скачивания, переделанную под заказчика, и кнопку «Скачать инструкцию» рядом с мокапом.
• 19–20 октября. Заказчик назвал бота окончательно. Заменили логотип, ссылки на бота, снимок в мокапе и логотип в инструкции.
• 26–27 октября. Шапку закрепили: теперь она остаётся на экране при прокрутке. Из неё убрали лишние значки связи, остался логотип, адрес бота и значок Телеграма.
• 8–22 ноября. Вёрстка по макету.
• 27 ноября. Инструкцию переделали ещё раз: заказчик прислал файлы, по которым мы сгенерировали отчёт и сняли экраны по шагам.
• 5 декабря. Задача закрыта.

Вёрстка

Сверстали страницу с 8 по 22 ноября 2023 года на WordPress, по макету из Figma. Макет рассчитан на три размера, поэтому страница одинаково читается на компьютере, на планшете и в телефоне. На телефоне блоки встают в одну колонку, и кнопка «Перейти к боту» видна на первом экране.

Что получилось

Лендинг работает и принимает людей в бота. На странице три тарифа (данные на 10.10.2026): 14 дней бесплатно, месяц за 1 499 ₽ вместо 1 990 ₽ и три месяца за 3 499 ₽ вместо 4 500 ₽. В подвале стоит подпись «Сайт разработан: La-Chatte».

Цифры на странице принадлежат самому сервису: «+1,5К довольных клиентов», 11,5 тысячи магазинов, 12,6 тысячи расшифровок. Это данные заказчика, а не результат лендинга. Рост продаж или переходов в бота мы не заявляем.

Вторая работа для того же заказчика

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

Для технических специалистов

• Макет в Figma: ПК, средние разрешения и мобильная версия, отдельные кадры под инструкцию.
• Вёрстка на WordPress по макету из Figma. Страница одна, кнопки ведут в бота в Телеграме.
• Шапка с закреплением при прокрутке, слайдер примеров отчётов, мокап телефона со снимком реального окна бота.
• Кнопки «Скачать инструкцию» и «Скачать пример» отдают файлы.

Нужен лендинг под бота, сервис или услугу? Посмотрите, как мы делаем лендинги под ключ, а также другие работы: лендинг банного комплекса «Крылья», сайт для печи к ролику блогера и одностраничник Eco-crete.