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

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

Антон Шакиров, руководитель направления 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 «Рейтинга Рунета». В компании через нее проходят все подписки: это готовый функционал, который сотрудникам удобно использовать.

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

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

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

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

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