Новая Tesla Model Y
Grok vs ChatGPT vs Claude
Роботы за $40 млрд
Экзоскелет для подъёма в горы
iPhone 17 Air
Apple Event 19.02

Сайт аукционов «Рейтинга Рунета»: как мы автоматизировали показ ставок и сбор заявок

«Рейтинг Рунета» публикует ранжированные списки компаний, которые занимаются интернет-маркетингом, дизайном, разработкой сайтов и мобильных приложений. Также на сайте есть рекламные места. Чтобы их занять, нужно победить в аукционе. Мы сделали отдельный сайт для потенциальных участников, на котором показана информация о торгах: ставки и история.

Антон Шакиров, руководитель направления Method Zero в PINKMAN, рассказал о процессе разработки на no-code платформе.

Сайт аукционов «Рейтинга Рунета»: как мы автоматизировали показ ставок и сбор заявок

Задача: сделать сайт для просмотра статусов и истории аукционов

«Рейтинг Рунета» — это инструмент для поиска исполнителей и заказчиков в сфере digital. Среди желающих занять рекламные места каждый квартал проходят торги в закрытых Google Таблицах — доступ к ним выдается после одобрения заявки. Раньше увидеть все ставки могли только участники, из тех же самых таблиц. Перед нами стояла задача сделать процесс прозрачнее для тех, кто только собирается подать заявку.

Одновременно проходит 36 аукционов — для каждой специализации свой. Есть, например, топ-200 SEO-компаний и топ-200 веб-студий. Во всех аукционах можно бороться за заглавную строку, среднюю строку или место генерального спонсора.

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

Сайт аукционов «Рейтинга Рунета»: как мы автоматизировали показ ставок и сбор заявок

Перед нами стояло несколько задач:

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

Чтобы данные регулярно обновлялись, нам потребовалось прописать весь бэкенд в коде. А фронтэнд мы собрали на no-code платформе WebFlow — так мы смогли ускорить разработку в полтора раза.

Выгрузка и визуализация информации о ставках

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

Сайт аукционов «Рейтинга Рунета»: как мы автоматизировали показ ставок и сбор заявок

Ставки обновляются раз в несколько часов, когда нет активности, или каждые 10 минут в пиковые периоды — обычно перед закрытием торгов. Это позволяет создавать удобную историю аукционов из 20-30 слайдов, по которой можно оценивать динамику изменения ставок. В режиме реального времени ставки на сайте не отображаются — такой задачи не стояло. Графики нужны не для участников, а для тех, кто только собирается подать заявку, и минимальная задержка для них не играет роли. Каждый временной срез находится в базе данных, и хранить тысячи срезов нецелесообразно — их вес будет замедлять работу сайта.

Воспроизведение истории

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

Сайт аукционов «Рейтинга Рунета»: как мы автоматизировали показ ставок и сбор заявок

Для пролистывания истории текущего аукциона мы совместили возможности no-code и программирования. На WebFlow мы сделали верстку всех кнопок, а их функции прописали кодом. Поскольку временные срезы уходят в историю автоматически по мере проведения аукциона, сервер должен каждый раз собирать данные из нужных таблиц и строить по ним графики.

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

Сбор заявок

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

Сайт аукционов «Рейтинга Рунета»: как мы автоматизировали показ ставок и сбор заявок

При сборе заявок информация о потенциальных участниках не только отправляется по почте администраторам, но и передается в собственную кастомную CRM «Рейтинга Рунета». В компании через нее проходят все подписки: это готовый функционал, который сотрудникам удобно использовать.

Интерфейс, собранный на WebFlow

Для сайта мы сделали яркий и современный дизайн. Один из визуально интересных элементов на сайте — курсор с подсветкой. Технология no-code позволяет с легкостью реализовать такие решения, а также слайдеры, галереи, всплывающие окна с подсказками и многое другое.

С адаптивной версткой на WebFlow тоже нет никаких проблем. Мы сохранили все функции сайта в мобильной версии.

Сайт аукционов «Рейтинга Рунета»: как мы автоматизировали показ ставок и сбор заявок

Технология no-code, в отличие от кастомного кода, позволяет быстро менять контент и верстку. Когда клиент захотел внести несколько правок в проект прямо перед релизом, мы легко это сделали: добавили новые кнопки, создали вторую форму для обратной связи и изменили шрифт. А уже после запуска основатели «Рейтинга Рунета» решили добавить блок с отзывами — на дизайн и верстку ушло несколько часов.

Сайт аукционов «Рейтинга Рунета»: как мы автоматизировали показ ставок и сбор заявок

Результат: быстрая разработка сайта для отслеживания ставок

За счет того, что мы прописали бэкенд кодом, сервер выдерживает предполагаемую нагрузку по количеству одновременных запросов информации о ставках. А сборка интерфейса на no-code платформе сократила нам время на работу. Разработка фронтенда заняла пять дней, еще четыре дня ушло на обсуждение результата с клиентом и внесение правок.

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

Method Zero всего за несколько недель запустил для нас сайт, который сделал продажу рекламных мест еще прозрачнее. Мы очень довольны результатом и продолжаем развивать проект. Например, буквально за несколько часов ребята вывели отзывы рекламодателей на страницы каждого рейтинга. На обычном кастомном сайте это заняло бы несколько дней. Хочу отметить проактивность и внимательность к деталям всех, кто участвовал в проекте. Уверен, Method Zero станет одним из самых интересных игроков на рынке no-code и low-code решений.

Анатолий Денисов, главный редактор «Рейтинга Рунета»
1010
5 комментариев

Что за аудитория вообще у "Рейтинга Рунета"? Топовым разрабам это точно всё по барабану...

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

5

Наверное было бы хорошо указать в шапке, во времени проведения аукционов, что это московское время.

1

Да уж этот webflow.., попробуйте сделать интернет магазин с эквайрингом российским на этой чудо-платформе. Или например массово заменить url. А еще сделать хотябы отправку на разые email в форме.Стоимость хостинга у них за более менее нормальный сайт - 42-62 доллара.
Наша компания использовала этот webflow, перенесли все на django за пару месяцев и все довольны.

Этот продукт не для серьезных решений,  чуть в сторону одни проблемы и костыли.

Владимир, привет! Наш опыт — другой.

WebFlow позволяет вставлять кастомную оплату через платежные виджеты. Например, мы встраивали оплату участия в соревновании Pioneum (вот кейс: https://vc.ru/design/262443-sayt-chempionata-p1-kak-my-sdelali-polnocennyy-servis-za-mesyac-pochti-bez-programmirovaniya) или оплату интенсивов wannabelike. При этом сами гибко настраивали формы под свои нужды. Например, если пользователь хочет оплатить с юр. лица, форма настроена под этот сценарий. Если он хочет выбрать одну или две индустрии в Pioneum — можно и так. 

С url тоже легко разобраться — клиент может без проблем поменять домен или поддомен без разработчиков или любых других специалистов. 1 минута, и целые разделы будут находиться по другому url-адресу.

Мы сильно кайфуем от возможностей платформы и регулярно открываем для себя что-то новое, когда кажется, что уже все изучили. А клиенты получают высокую скорость и готовность с нашей стороны покопаться и реализовать сложные задумки. 

Бывший техдиректор OpenAI Мира Мурати объявила о запуске ИИ-стартапа Thinking Machines Lab

Она ушла из OpenAI осенью 2024 года.

Источник: Getty Images / TechCrunch
33
Предложили соискателям путешествие во времени

Как мы привлекли внимание 8,5 тысяч кандидатов через геймификацию

Предложили соискателям путешествие во времени
11
РСПП предложил ввести семейное налогообложение и индексировать пороги доходов для начисления НДФЛ

Чтобы налог рассчитывался исходя из семейного положения, а порог для прогрессивного налога рос каждый год.

4646
2727
22
11
11
11
11
Моё мнение такое: главное — качество, а не только количество. Увеличение рождаемости должно сопровождаться улучшением качества жизни коренного/местного населения: доступным жильём, качественным образованием, медицинским обслуживанием и поддержкой семей. Без этого рост населения может привести к увеличению бедности и социальной напряжённости, а ещё хуже — к постоянному завозу в страну большого количества мигрантов которые только сделают временный рост экономики (на бумаге) а после запустят механизм деградации. Ни один мигрант не считает себя русским человеком после получения гражданства, что подрывает развитие страны. Молодое и растущее население — это двигатель экономики! Инвестирование в рождаемость запустить процесс окупаемости для государства и даст больше трудоспособных граждан а это означает: - Увеличение потребительского спроса. - Рост налоговых поступлений. - Развитие отраслей, таких как образование, здравоохранение и строительство.
Huawei анонсировала старт продаж «раскладушки» с тремя экранами Mate XT за пределами Китая — в России открыли предзаказы по цене 340 тысяч рублей

На презентации компания объявила цене в €3499.

Источник: <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.gsmarena.com%2Fhuawei_mate_xt_handson_review-news-64607.php&postId=1819978" rel="nofollow noreferrer noopener" target="_blank">Gsmarena</a>
2424
1313
33
11
Круто, конечно. Однако, за эти деньги можно купить ноутбук игровой и флагманский смартфон + планшет :) Просто как proof of concept - хорошо.
Петербургский аэропорт Пулково начал тестировать роботов для уборки залов регистрации и прибытия

Это не первые роботы, которых тестируют в аэровокзале, — в декабре 2024 года там запустили беспилотных роботов для доставки багажа.

Петербургский аэропорт Пулково начал тестировать роботов для уборки залов регистрации и прибытия
99
11
Почему маркетинг - это не продажи, не воронки, не влияние и не реклама и что должен делать "тру маркетолог"

У меня была проблема, когда я ещё ходила на бизнес-тусовки, — объяснить, чем я занимаюсь.Когда я говорила, что я маркетолог, предприниматели кивали: "Ясно".Но когда я уточняла, понимают ли они, чем именно я занимаюсь, ответы делились на два лагеря:😶 "Без понятия."🤔 "Конечно!" — но что конкретно, никто так и не смог расшифровать.

Telegram начал тестировать возможность добавлять участников в уже начатые личные звонки между двумя пользователями

Пока звонки с тремя собеседниками и более можно запускать только в группах и каналах.

Скриншот vc.ru
66
11
[]